Magic Thumb^™

Examples - try these 11 examples of Magic Thumb^™.

Integration - see the installation instructions and the customisation options.

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 450-550 pixels height) and one thumbnail image (about 80-120 pixels height).

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
• Visual effects
• Text captions
• Keyboard shortcuts
• Borders
• Colors
• Background
• Cursors
• Back/forward/close buttons
• And a lot more...

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.

Browser compatibility chart

	Windows	Mac	Linux	iPhone
Internet Explorer 8		-	-	-
Internet Explorer 7		-	-	-
Internet Explorer 6		-	-	-
Internet Explorer 5.5		-	-	-
Firefox 3.5				-
Firefox 3				-
Firefox 2				-
Firefox 1				-
Chrome 3			-	-
Chrome 2			-	-
Chrome 1			-	-
Safari 4			-
Safari 3			-	-
Safari 2	-		-	-
Safari 1	-		-	-
Opera 10				-
Opera 9				-
Opera 8				-
Konqueror 3.2+	-	-		-

Version history

Magic Thumb^™ version 2.0

November 30, 2009 - major new release including: four new enlargement effects; automatically fit to screen; multiple images with thumbnails; always visible close button; text positioning to right or left; 6 new button styles and sizes; button position in any corner; two new slideshow effects; link lightbox image to a URL; click to initialize; two new options to position the large image; option to customize each image differently; API options. Phew, that's a whole lot of options.

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.

FAQ