Magic Zoom™
Magic Zoom™ is a JavaScript zoom tool. It's the best way to display images in incredible detail.
Hover over the image...
Choose your design:
Features
- Fast – fast-loading thanks to the lightweight script.
- Easy – add it to your website in only 5 minutes!
- Customisable – change the size, position, colors and more.
- Feels great – people love the smooth effects, close-up zooming.
Examples – 9 more examples of what is possible.
Customisation – 18 JavaScript parameters you can adjust.
Wizard – tweak the settings to your liking.
Compatibility
Only the best will do. Magic Zoom™ is XHTML compliant, CSS compliant, WAI Priority 3 Compliant (AAA). It even works if JavaScript is disabled – the large image opens as a link.
| Win | Mac | Linux | |
|---|---|---|---|
| Internet Explorer 8 | Yes | - | - |
| Internet Explorer 7 | Yes | - | - |
| Internet Explorer 6 | Yes | - | - |
| Internet Explorer 5.5 | Partial | - | - |
| Firefox 3 | Yes | Yes | Yes |
| Firefox 2 | Yes | Yes | Yes |
| Firefox 1 | Yes | Yes | Yes |
| Chrome 6 | Yes | Yes | Yes |
| Chrome 5 | Yes | Yes | Yes |
| Chrome 4 | Yes | Yes | Yes |
| Chrome 3 | Yes | Yes | Yes |
| Safari 5 | Yes | Yes | - |
| Safari 4 | Yes | Yes | - |
| Safari 3 | Yes | Yes | - |
| Opera 10 | Yes | Yes | Yes |
| Opera 9 | Yes | Yes | Yes |
| Opera 8 | Yes | Yes | Yes |
| Konqueror 3.2+ | - | - | Yes |
| iPhone/iPad | - | Yes | - |
FAQ
QHow do you change the size of the grey window?
- The size of your large image.
- The size of your small image.
- The size of the zoomed area to the right.
Q What size should my images be?
A A small image size of 250-300px works well with a large image size of 750-1000px. The blue bike example above uses a small image width of 320px and a large image width of 974px.
Q Why has my dropdown menu started flickering?
A If you use a dropdown menu, it needs to have some code to combat an IE bug. This bug is sometimes seen after you install Magic Zoom™, though it is actually caused by the dropdown menu. To fix it, you need to delay the execution of the "mouseout" behaviour of your menu for 20-100ms.
Q A Flash object is on top of the zoomed image.
- Add <param name="wmode" value="transparent" /> inside the <object></object>.
- If the <embed> tag is present, add this attribute to it: wmode="transparent".
- Your code will look something like this:
<object>
<param name="wmode" value="transparent" />
<embed wmode="transparent" />
</object>
Q Where can I find mz-packed.js?
A The file mz-packed.js (previously lz-packed.js) has been renamed magiczoom.js. It is the JavaScript file which comes bundled with Magic Zoom™. To get it, purchase Magic Zoom™ or download the free trial version.
Version history
Magic Zoom™version 3.1
October 26, 2009 – dissolve and cross-fade effect; change title position; show entire image on hover; define options once or for each different zoom..
Magic Zoom™version 3.0
September 2, 2009 – massive new features: activate zoom on click; load large image on click; slow-motion zoom; fade in/out effect; reverse opacity effect; custom settings for each image; improved drag-mode (choose initial position, preserve position; new API functions; settings wizard to help you customise it.
Magic Zoom™version 2.2
July 9, 2008 – Improved IE support when scrolling.
Magic Zoom™version 2.1
May 27, 2008 – Loading message with AJAX-style animated GIF added while large image is downloading. Support for a separate title for each image zoom (when multiple images used).
Magic Zoom™version 2.0
February 14, 2008 – All code improved wherever possible. Easier implementation, more customisation options, fully accessible (degrades gracefully without JavaScript). We're really pleased with this new version – let us know what you think too!
Magic Zoom™ version 1.0
December 1, 2007 – Thanks to all the great feedback we've received, we've now built a dedicated website for Magic Zoom™ and our growing range of products.
Lucky Zoom version 1.0
May 14, 2006 – LuckyZoom is a JavaScript image zoom effect for high resolution images. Cross browser (Firefox, Internet Explorer, Opera, Safari). Lean code. HTML and XHTML compliant. Customisation effects.
Pricing
| 1 site license | £29 | Buy now |
| 5 sites license | £95 | Buy now |
| 10 sites license | £175 | Buy now |
| Unlimited license | £395 | Buy now |
| Bundled license | £695 | Buy now |
Pay by credit card, bank transfer or cheque. Download your product immediately after you pay and start using it!
The £ amount will be automatically converted to your currency.
Modules and Plugins
- CS-Cart module for Magic Zoom
- Magento module for Magic Zoom
- VirtueMart module for Magic Zoom
- Joomla 1.5 module for Magic Zoom
- PrestaShop module for Magic Zoom
- osCommerce 3 module for Magic Zoom
- Zen Cart module for Magic Zoom
- WordPress plugin for Magic Zoom
- WordPress e-Commerce plugin for Magic Zoom
- CRE Loaded module for Magic Zoom
- CubeCart module for Magic Zoom
- xt:Commerce module for Magic Zoom
- NetSuite for Magic Zoom
- Drupal 6 module for Magic Zoom
- X-Cart module for Magic Zoom
- Gallery module for Magic Zoom
- WYSIWYG extension for Magic Zoom
- OXID module for Magic Zoom
- eBay for Magic Zoom
- osCMax module for Magic Zoom
Guarantee
30 day money-back guarantee.
100% Support
30 minutes free technical support.