Magic Thumb™ examples

More than 30 ways to customize this popular lightbox script for your site.

1. Multiple images of a product

2. Background colours

This image has a blue background with 70% opacity. You can also [a href="http://www.magictoolbox.com/magicthumb/"]place links[/a] in this caption. This image has a white background with 100% opacity. This image has a black background with 70% opacity. These 3 images are grouped together. Try using the arrows keys to move between them.

3. Six expand effects

4. Different speed

This image enlarges over 1.5 seconds. It contracts in only 0.2 second.

5. Expand on mouseover

This image expands when you move your mouse over the image. The delay is set to 0.1 seconds before the image enlarges.

6. Don't scale to fit screen

This image won't automatically scale to inside your browser screen.

7. Position in different places

8. Fetch large image on click

The large image downloads only when it is clicked. Normally, it downloads automatically. This option reduces the bandwidth used because images are only downloaded when they are required, but it slows down the user experience.

9. Custom buttons

Buttons are fixed to the top left. Large 32px buttons are used instead of the standard 24px buttons.

10. Caption to the right

11. Immediate enlarge on mouse in/out