Magic Thumb Magic Thumb is project that offers a neat way of enlarging thumbail images using a JavaScript effect similar to a lightbox.
Download

Magic Thumb Ranking & Summary

Magic Thumb Tags

JavaScript enlarge thumbails JavaScript effect image thumbnailes effect thumbail

Magic Thumb Description

Magic Thumb is project that offers a neat way of enlarging thumbail images using a JavaScript effect similar to a lightbox. Magic Thumb is project that offers a neat way of enlarging thumbail images using a JavaScript effect similar to a lightbox.Here are some key features of "Magic Thumb":· 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.· Customizable - 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 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).Basic installationIt's easy to add Magic Thumb to your website: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 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".What's New in This Release:Improvements including:· improved background fading effect;· fixed overlapping with Flash files;· fixed control bar flickering;· default image position changed to centre.

Magic Thumb Related Software