Magic Zoom Plus™

£39
$60.93 / €46.56

Magic Zoom Plus™ has 2 ways of zooming images. Hover over the image for a zoomed area or click the image to enlarge it to full-screen.

Hover or click:

More features - make sure you [a href="/magiczoomplus/examples/"]try out these examples[/a].


Features

  • 2-in-1 - inspect the image on hover or click to see it full screen.
  • Simple - anyone can follow the simple installation process.
  • Customisable - tweak it just how you want it.
  • Accessible - clean, valid HTML.

Examples

Check out more examples of Magic Zoom Plus™.

Customisation

Read the customisation guide to find out how to change the:

  • Position
  • Image size
  • Borders
  • Colors

Standards

Only the best quality code:

  • XHTML compliant
  • CSS compliant
  • WAI Priority 3 compliant (AAA)

Browser compatibility

Magic Zoom Plus™ works in all modern browsers and many old ones too.

Browser compatibility chart
Win Mac Linux iPhone
Internet Explorer 8 Yes - - -
Internet Explorer 7 Yes - - -
Internet Explorer 6 Yes - - -
Internet Explorer 5.5 Partial - - -
Firefox 3.5 Yes Yes Yes -
Firefox 3 Yes Yes Yes -
Firefox 2 Yes Yes Yes -
Firefox 1 Yes Yes Yes -
Chrome 3 Yes Yes - -
Chrome 2 Yes Yes - -
Chrome 1 Yes Yes - -
Safari 4 Yes Yes - Yes
Safari 3 Yes Yes - -
Safari 2 - Yes - -
Safari 1 - No - -
Opera 10 Yes Yes Yes -
Opera 9 Yes Yes Yes -
Opera 8 Yes Yes Yes -
Konqueror 3.2+ Yes Yes Yes -

Version history

Magic Zoom Plus™version 2.0
December 16, 2009 - Incredible new version with 20 features requested by users. Includes exclusive new hotspot feature; smooth mouse movement; fade zoom in/out; special effects for expanding; custom buttons; slideshow mode; activate on click and much, much more.

Magic Zoom Plus™version 1.5
August 10, 2009 - Improved caption sliding in IE8, corrected caption size in IE backwards compatibility mode, removed IE7 status bar message that tries to load "null" object from the server.

Magic Zoom Plus™version 1.1
May 14, 2009 - By popular request we've added the option to automatically fit the enlarged image to the screen (to prevent scrolling). Other improvements: zoom hidden when image enlarges; position of enlarged image improved; double click is now equivalent to single click.

Magic Zoom Plus™version 1.0
January 27, 2009 - First launched to combine our two popular effects - Magic Zoom™ and Magic Thumb™. One JavaScript file and one CSS file. Image zoom on hover and image lightbox on click.

FAQ

A Flash object is on top of the zoomed image.

The most common solution is to set the "wmode" parameter of the Flash object to "transparent" like so:

  1. Add <param name="wmode" value="transparent" /> inside the <object></object>.
  2. If the <embed> tag is present, add this attribute to it: wmode="transparent".
  3. Your code will look something like this:
    <object>
    <param name="wmode" value="transparent" />
    <embed wmode="transparent" />
    </object>