Magic Toolbox

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

£20
£75
£295

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).

  1. Download Magic Thumb - buy the full version or get the demo version.
  2. Upload 2 files to your website: magicthumb-packed.js and magicthumb.css.
  3. Reference the 2 files in the <head> of your page.
  4. 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.

Cards accepted

Join our newsletter

1 email per month about new products, discounts, one-off promotions. No spam. More info.

Email

©2008 Magic Toolbox   About | Contact | Support | Newsletter | Testimonials | License Agreement | Terms | Privacy