Slashdot It!
Digg Integration
This is how easy it is to add Magic Magnify™ to your website:
- Download Magic Magnify™ - buy the full version or get the trial version.
- Upload magicmagnify.js and magicmagnify.swf to your website (keep them in the same folder).
- Reference the JS file in the of your page.
- Reference your small image with
and link it to your big image using the class of "MagicMagnify".
You're done!
Your code should look something like this:
Installation guides
Magic Magnify™ can be used on any website, CMS, ecommerce site, shopping cart or blog. There are also module/plugins for a specific platforms:
| Step-by-step instructions | Zip file |
|---|---|
| Standard instructions (any website) | Download |
| VirtueMart instructions | Download |
| Drupal instructions | Download |
Customization
Look at more examples to see how Magic Magnify™ can be customized. For instructions, see below.
Border color
Change the border color by adding a zoom-color to the the rel attribute to your tag. The default color is #9E2F2D. Example code:
Magnifier size
Change the magnifier size by adding a size to the rel attribute. The default size is 100px. Example code:
Magnifier shape
Change the magnifier shape to a square by adding a type to the rel attribute. The default shape is circle. Example code:
To get help, visit our free support forum for fast answers. Alternatively, get professional paid support and we integrate and customize it for you.
Tip: compress your images as much as possible while maintaining good quality. The smaller the file size of your images, the faster they will download. For JPEGs, somewhere between 30% and 70% quality normally works best. For images with only a few colors, try PNG for size.
Browser compatibility
Magic Magnify™ works in all modern browsers and many old ones too.
| Windows | Mac | Linux | iPhone | |
|---|---|---|---|---|
| Internet Explorer 7 |  |
- | - | - |
| Internet Explorer 6 | |
- | - | - |
| Internet Explorer 5.5 | |
- | - | - |
| Internet Explorer 5 |  |
|
- | - |
| Firefox 3 | |
|
|
- |
| Firefox 2 | |
|
|
- |
| Firefox 1 | |
|
|
- |
| Opera 9 | |
|
|
- |
| Opera 8 | |
|
|
- |
| Safari 3 | |
|
- | |
| Safari 2 | - | |
- | - |
| Safari 1 | - | |
- | - |
| Konqueror 3.2+ | - | - | |
- |
Version history
Magic Magnify™version 2.0
February 19, 2008 - Changed the code for the HTML page to remove embedded JavaScript and make the code AAA accessible. Implementation is now even easier too!
Magic Magnify™ version 1.0
December 1, 2007 - Name changed to Magic Magnify™. Magic Toolbox website launched.
Lucky Flash Magnifier version 1.0
August 19, 2006 - Lucky Flash Magnifier is launched. It is a Flash magnifying tool that uses a mix of Flash and JavaScript that enables users to hover over any image and see it in much greater detail. Cross browser (Firefox, Internet Explorer, Opera, Safari). Lean code. HTML and XHTML compliant. Customisation effects.
FAQ
Is there a limit to the large image size?
Flash has an image size limit of 2880px (width or height). If your large image is larger than 2880px (very unlikely!) the Flash image zoom magnifies the wrong part of the image. To prevent this, resize your images to 2880px or less.
