Magic Magnify™
£19
$28 / €22
Magic Magnify is a Flash zoom tool. It's an elegant effect to view images with a magnifying-glass. Upon hover over the image, the user sees the close-up detail of the product.
Hover over the image:
Features
- Clean - only 3 lines of code required.
- Easy - no knowledge of Flash or JavaScript required.
- Customisable - change the shape and borders to suit your website.
- Accessible - works even if JavaScript is disabled (large image opens as link).
Buy Magic Magnify™
Free trial
Free license
For non-commercial sites:
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 <head> of your page.
- Reference your small image with <img> and link it to your big image using the class of "MagicMagnify".
You're done!
Your code should look something like this:
<html>
<head>
<title>Magic Magnify demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<script src="magicmagnify.js" type="text/javascript"></script>
</head>
<body>
<a href="big.jpg" class="MagicMagnify"><img src="small.jpg"/></a>
</body>
</html>
Installation guides
Magic Magnify™ can be used on any website, CMS, ecommerce site, shopping cart or blog. There are also module/plugins for these platforms:
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 <a> tag. The default color is #9E2F2D. Example code:
<a href="big.jpg" rel="zoom-color: #6e8c0e" class="MagicMagnify"><img src="small.jpg"/></a>
Magnifier size
Change the magnifier size by adding a size to the rel attribute. The default size is 100px. Example code:
<a href="big.jpg" rel="zoom-color: #6e8c0e; size: 200px" class="MagicMagnify"><img src="small.jpg"/></a>
Magnifier shape
Change the magnifier shape to a square by adding a type to the rel attribute. The default shape is circle. Example code:
<a href="big.jpg" rel="zoom-color: #6e8c0e; size: 200px; type: square" class="MagicMagnify"><img src="small.jpg"/></a>
To get help, visit our support forum for fast answers. Alternatively, purchase extra 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.
What is the optimal size for the images?
As a general rule, Magic Magnify™ works well if the large image is between 2 and 3 times larger than the small image. A small image of between 300px and 600px width tends to work well. Start by creating a large image 2.5 times larger than your small image. Then try making it bigger/smaller and test it to see how it feels.
Bookmark this page
License
Buy a license for 1 website, 10 websites or an unlimited number of websites (great for web developers and agencies).
Apply for a free license of Magic Magnify™ if your website is non-commercial (does not make money).
By using Magic Magnify™, you agree to our license agreement.
Trial version
Download this free trial to test Magic Magnify™. A copyright message will be displayed over the image until you purchase a license.
Support
You can ask questions about Magic Magnify™ on our support forum. Alternatively, let us do the integration and customisation for you - get a support quote.
Happy customers
I love your tools ... Paul Lips
Incredibly useful ... Ed Mass
Great effect ... Kathryn Blackwell
Guarantee
If you are not totally satisfied with this Flash photo zoom tool, just tell us why and we will make a full refund to you - no questions asked.
Lucky Flash Magnifier
The new name for Lucky Flash Magnifier is Magic Magnify™. All our products are now called Magic Something. We are working on new tools - join our newsletter to be first to know when new products launch.
Payment
Payments are processed by Google Checkout or PayPal. All you need is a credit card. You can download your product immediately after payment.
Join our newsletter
Receive one email every 6 weeks about new products, discounts, freebies. No spam. More info.
©2008 Magic Toolbox About | Contact | Support | Affiliates | Newsletter | Testimonials | License Agreement | Terms | Privacy