Magic Thumb™
£20
$29 / €24
Magic Thumb™ is a neat way of enlarging thumbail images using a JavaScript effect similar to a lightbox.
Click an image...
You can add text here to describe the image. Useful, hey?
You can format this text with bold or emphasis. You can also add [a href="http://www.magictoolbox.com/magiczoom/"]links[/a].
Features
- Enjoyable - clever effect that people enjoy using.
- Fast - the large images download after the page has fully loaded.
- Easy - integrate it into your website in minutes.
- Customisable - change the speed, keyboard behaviour, colors.
- Accessible - if JavaScript is disabled, the large image opens as link.
Buy Magic Thumb™
Free trial
Free license
For non-commercial sites:
One reason why Magic Thumb™ is popular is that the user stays on the same page. You don't need to load a new page or use popup windows. It just loads immediately on click.
The user experience is rich - people like the web 2.0 lightbox enlarge effect. Users appreciate that it is immediate - the large image enlarges on click without waiting for it to download. This gives a better experience than waiting (as with an AJAX lightbox that requests images on demand).
You can display an unlimited number of images on a page. Large images have large file sizes, so be sure to compress your images with a good ratio of size to quality (aim for a JPEG filesize of 30-70kb). You can use JPEG, PNG or GIF.
Two images are required for Magic Thumb™ - one large image (about 300-450 pixels high) and one thumbnail image (roughly 120px wide or 90px high works well).
Demos
Examples of Magic Thumb™ at work.
- Basic example
- Dark background example
- Visible thumbnail example
- Custom speed example
- Slideshow example
Basic installation
It's easy to add Magic Thumb™ to your website:
- Download Magic Thumb™ - buy the full version or get the demo version.
- Upload 2 files to your website: magicthumb-packed.js and magicthumb.css.
- Reference the 2 files in the <head> of your page.
- Reference your small image using <img> and link the image using <a> to your big image using the class of "MagicThumb".
See the detailed instructions for installation and customisation.
Installation guides
There are simple instructions plus dedicated modules and plugins to add this JavaScript image popup tool to any website or ecommerce store:
Customisation
See the customisation guide to find out how to change the:
- Speed
- Text captions
- Keyboard shortcuts
- Borders
- Colors
- Background color
- Cursors
- Back/forward/close buttons
Standards
Like all our tools, Magic Thumb™ is:
- XHTML compliant
- CSS compliant
- WAI Priority 3 compliant (AAA)
Browser compatibility
Magic Thumb™ works in all modern browsers and many old ones too.
| Windows | Mac | Linux | iPhone | |
|---|---|---|---|---|
| Internet Explorer 8 |  |
- | - | - |
| Internet Explorer 7 | |
- | - | - |
| Internet Explorer 6 | |
- | - | - |
| Internet Explorer 5.5 | |
- | - | - |
| Internet Explorer 5 |  |
|
- | - |
| Firefox 3 | |
|
|
- |
| Firefox 2 | |
|
|
- |
| Firefox 1 | |
|
|
- |
| Opera 9 | |
|
|
- |
| Opera 8 | |
|
|
- |
| Safari 4 | |
|
- | |
| Safari 3 | |
|
- | |
| Safari 2 | - | |
- | - |
| Safari 1 | - | |
- | - |
| Chrome 1 | - | |
- | - |
| Konqueror 3.2+ | - | - | |
- |
Version history
Magic Thumb version 1.2
June 19, 2008 - improvements including: improved background fading effect; fixed overlapping with Flash files; fixed control bar flickering; default image position changed to centre.
Magic Thumb version 1.1
June 4, 2008 - new version with the following features: next/previous/close buttons; caption set by the alt or title tag, links within captions; custom position of enlarged image; mouseover enlarging.
Magic Thumb version 1.0
May 2, 2008 - Magic Thumb™ enlarges an image from thumbnail to full size like a lightbox using JavaScript and CSS. Cross browser (Firefox, Internet Explorer, Opera, Safari). Lean code. HTML and XHTML compliant. Customisation effects.
License options
Buy a license for 1 website, 5 websites or an unlimited number of websites (great for web developers and agencies).
Apply for a free license of Magic Thumb™ if your website is non-commercial (does not make money).
By using Magic Thumb™, you agree to our license agreement.
Trial version
The free demo version will let you test Magic Thumb™. It comes as a zip file with the JavaScript and CSS plus working HTML examples. Download free trial.
Support
Get free support on the forum or hire us for paid support and we'll do the integration for you.
Happy customers
I love your tools ... Paul Lips
Incredibly useful ... Ed Mass
Great effect ... Kathryn Blackwell
Guarantee
If you are not totally satisfied with this JavaScript image enlarger, just tell us why and we will make a full refund to you - no questions asked.
Payment
Pay by credit card using either Google Checkout or PayPal. You can download your product immediately after payment.
Join our newsletter
Receive one email every 6 weeks about new products, discounts, freebies. No spam. More info.
©2009 Magic Toolbox About | Contact | Support | Affiliates | Newsletter | Testimonials | License Agreement | Terms | Privacy