Magic Toolbox

Magic Magnify

£15

Magic Magnify is an elegant way to zoom into your images with a magnifying-glass. The user does not need to click anything - they just move their mouse over the photo to see every detail in your product.

Hover over the image:

Nike running shoe

Buy Magic Magnify

£15
£95
£245

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 when JavaScript is disabled (large image opens as link).

Integration

This is how easy it is to add Magic Magnify to your website:

  1. Download Magic Magnify - buy the full version or get the trial version.
  2. Upload magicmagnify.js and magicmagnify.swf to your website.
  3. Reference the JS file in the <head> of your page.
  4. 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>MagicMagnify | Example</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="example_big.jpg" class="MagicMagnify"><img src="example_small.jpg"/></a>

</body>

</html>

Separate integration instructions are available for:

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="example_big.jpg" rel="zoom-color: #6e8c0e" class="MagicMagnify"><img src="example_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="example_big.jpg" rel="zoom-color: #6e8c0e; size: 200px" class="MagicMagnify"><img src="example_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="example_big.jpg" rel="zoom-color: #6e8c0e; size: 200px; type: square" class="MagicMagnify"><img src="example_small.jpg"/></a>

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.

Version history

Magic Magnifyversion 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.

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.

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

"Fantastic addition to any site!" ... 9lives

"Compliments from everyone" ... Ivan

"Slick and simple" ... Topanga Creek

More customer reviews

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 FlashMagnifier or Magic Magnify?

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.

Cards accepted

Join our newsletter

1 email per month about new products, discounts, one-off promotions. No spam. More info.

Email

©2008 Magic Toolbox   About | Contact | Support | Newsletter | Testimonials | License Agreement | Terms | Privacy