Magic Thumb™
£20
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 also format the text that appears here with bold or emphasis.
Buy Magic Thumb™
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.
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 can have large file sizes (30-70kb for a JPEG), so be sure to compress your images with a good ratio of size to quality.
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
More examples of Magic Thumb™ at work.
Integration
It's easy to add Magic Thumb™ to your website (detailed instructions).
- 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".
Customisation
See the customisation guide to find out how to change the:
- Speed
- Text captions
- Keyboard shortcuts
- Borders
- Colors
Standards
Like all our tools, Magic Thumb™ is:
- XHTML compliant
- CSS compliant
- WAI Priority 3 compliant (AAA)
Version history
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.
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
1 email per month about new products, discounts, one-off promotions. No spam. More info.
©2008 Magic Toolbox About | Contact | Support | Newsletter | Testimonials | License Agreement | Terms | Privacy