The elegant way to show high resolution, zoomed images

  Rating: 4.9 (10 reviews)
Big Bang Depeche Mode - Magic Zoom Demo Big Bang Ferrari King Gold Carbon Big Bang Unico Titanium - Magic Zoom Demo Big Bang Jeans - Magic Zoom Demo
Both Fortune 500 companies and small businesses choose Magic Zoom for it's rock-solid performance, good looks and ease of use. Coming with an affordable price tag, stellar support and regular updates, Magic Zoom has grown to be the most popular commercial JavaScript/jQuery image zoom on the internet. And we're not planning to lose that status anytime soon with regular refinements and by helping you - our customer to solve each and every issue you might encounter.
Displaying a single product image is very rare nowadays. And we get that. That's why Magic Zoom has built-in support for product thumbnails. Easily customize the position, transition effects and trigger behavior: change image thumbnails on-click or on-hover.
We're restlessly refining our original image zoom tool for the last 11 years. Read our changelog to see how much things have changed since 2008 🙂 That also includes all of our modules! We have image zoom plugins and extensions for every popular e-commerce platform like Magento, WordPress, WooCommerce, Prestashop, Shopify and many more.
M-Commerce (E-Commerce conducted on mobile devices) has gained critical mass and is growing faster than ever. That's why we build Magic Zoom to be completely responsive. We also added mobile gestures for easy image switching on phones and tablets. You even have the ability to customize desktop and mobile options separately! So if you're looking for a truly responsive JavaScript image zoom - look no further!

Get Magic Zoom today!

Our tools are used on 59,186 websites (and counting).

Magic Toolbox Customers

Compare zooms

Magic Zoom

Zoom on hover

Move your mouse over the image to enjoy
every detail of the bike.

Orange Purple Black Green
More examples
Magic Zoom Plus

Zoom on hover Expand on click

Roll over the bike to see it in stunning detail or
click to open it in the expanded view.

Orange Purple Black Green
Discover more features

Modules and integrations Use these plugins and extensions to setup Magic Zoom on your site without writing a single line of code.



Or install it on any website with these instructions.

Bandwidth allocation

Control how Magic Zoom initializes & loads images. Choose to activate on page load or on request.

Responsive

Magic Zoom is completely responsive. Show beautiful zoomed images on every device.

SEO Friendly

Magic Zoom supports SEO Friendly URLs. Vital for website high ranking in search engines.

jQuery compatibility

Magic Zoom requires no jQuery, 3rd party library or framework. Magic Zoom is completely compatible.

Refined for every browser

Chrome, Safari, Firefox, IE, Opera

Optimized for every device

Tablet, phone, smartphone, desktop, laptop, Windows, Android, iOS

Transparent Pricing with no Ongoing Fees

What you'll get with your purchase

  • Unrestricted use forever
  • Instant access to 45 extensions
  • 30 minutes of tech support.
  • 1 year of free upgrades.
  • 30% discount on Magic Scroll
  • A little bit of Magic 🙂

Customer reviews

  Rating: 4.9 (10 reviews)
Support answered within hours
I had questions to some features in MagicZoom. The support answered within hours. All quetions were solved with update to the newest MagicZoom version.

Klaus

Lightning Fast Support!
I had a question about MagicZoom which I didn't think would be possible, but turned out it was! Support replied to me super quickly, which as a developer was extremely useful as we had clients waiting. Really great service and amazing product!

Peter

Amazing slider, easy to implement
This awesome zoom script took our sluggish looking image previews to the next level, it now allows our customers to see what they are buying in great detail. Using it in combination with MagicScroll for an amazing result!

Riekelt Brands, otakusquare.com

Stellar support!
Incredibly powerful and easy to use with the added bonus of stellar support!

Jonathan Bounds

Super Awesome!
We use MagicZoom and MagicScroll on a lot of our Miva builds. They both work great and are easy to implement. Plus, support is amazing! Any time I've run into an issue with something and submit a support ticket, I almost always have a reply/fix by the next morning. Highly recommended!

Chris, glendaledesigns.com

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

5 Reasons why you need jQuery/JavaScript Image Zoom on your website

Product images are absolutely vital for every E-Commerce business.

  1. Increase conversions. Higher conversion means you'll get more sales with the same amount of traffic.
  2. Don't compromise design. Magic Zoom can fit into any layout seamlessly. Inner zoom is perfect for mobile-first design and side-zoom is great for desktop.
  3. Video support. Videos affect buying decisions heavily. Combine them with crispy high-resolution zooming images and you have yourself a deal breaker.
  4. Add 360 degree spins. With Magic Zoom and Magic 360 you can easily add 360 degree spinning images to your product galleries. A must-have for fashion and luxury products.
  5. It's what people want. 61% of respondents said that image zoom is the most important feature in E-Commerce. Source

What's under the hood?

Magic Zoom was developed in Vanilla JavaScript, HTML5 and CSS3 - the best technology available today for image zooming on the web. It's not dependent on any external libraries like jQuery or Zepto, and doesn't require additional frameworks like Bootstrap or Foundation (but is perfectly compatible with them). Magic Zoom has a powerful API which you can use to your advantage with any tech stack.

Support that is actually helpful

Your success is our success. Our friendly support team will tackle any issue you might encounter. You get 30 minutes of free tech support with your purchase regardless of the license chosen. If Magic Zoom is incompatible with your setup - we'll do our best to help you integrate it for free. And if you're not satisfied with Magic Zoom for whatever reason, we offer a no-questions-asked 30-day money-back guarantee.

Use Magic Zoom with other Magic Toolbox tools for maximum impact

Magic Zoom works with all Magic Toolbox products. You can zoom images in a slideshow, combine zoom gallery with 360 degree views and videos, scroll product thumbnails and add a lightbox effect on-click in addition to the on-hover zoom. Or you can get the upgraded version called Magic Zoom Plus with a gorgeous full-screen zoom mode.

Image Zoom that's actually easy to integrate

We try our best to make Magic Zoom the most good looking and fast JavaScript Image zoom on the market. We understand that without ease of use this advantage is mitigated. That's why Magic Zoom is very user friendly, you can install it in minutes without coding skills. Plugins and modules are available for all popular (and not so popular E-Commerce platforms and Content Management Systems). If you are a developer, you can utilize Magic Zoom's powerful API to do anything. Use it with jQuery, Zepto or any JS library of your choice. If you're using a framework like Bootstrap, Foundation, Material Design etc. you can rest assured Magic Zoom's class names won't conflict with them.

Changelog


  • v5.3.7
    October 8, 2020
    • Addresses an issue where Magic Zoom stopped working in the upcoming browsers' releases
  • v5.3.6
    September 1, 2020
    • (Plus version) Addresses a potential issue with missing blurred background in the latest Chrome browser on macOS.
  • v5.3.5
    March 11, 2020
    • Fixed issue where hint did not hide after zooming in on mobile when zoomMode is "zoom" and expand is disabled.
    • Fixed issue where hint did not hide after zooming in with a pinch gesture.
    • Apply ALT attribute from the original main and additional images to the zoom image and other tags created within Magic Zoom.
  • v5.3.4
    January 22, 2020
    • (Plus version) Addresses an issue with shaded thumbnails appearance in fullscreen in IE11.
  • v5.3.3
    January 8, 2020
    • Improved lazy loading of zoom image
    • Added type="button" to control buttons to avoid interference in form submission
  • v5.3.2
    October 21, 2019
    • (Plus version) Addresses a possible issue with the layout of the zoomed image in fullscreen on iOS 10.3.
    • (Plus version) Fixes an issue where thumbnails may not be displayed in fullscreen on iOS 10.3.
  • v5.3.1
    October 15, 2019
    • Addresses issue where Magic Zoom may works incorrectly in the “request desktop site” browser mode on iOS/iPadOS.
  • v5.3.0
    October 7, 2019
    • Pinch gestures support.
    • Basic support for the <picture> HTML tag.
    • The default style of the selected thumbnail is now highlighted with an underline.
    • If lazy loading is enabled, it now also applies to the medium size additional images.
    • Previous/next arrows can be shown on the main image by using mz-show-arrows in the cssClass setting.
  • v5.2.10
    August 15, 2019
    • Fix of the vertical scroll issue in mobile Firefox
    • Ability to opt out of runtime CSS for medium image
  • v5.2.9
    March 11, 2019
    • (Plus version) Addresses an issue with a blurred background when it may not be shown in the latest versions of Chrome browser.
    • (Plus version) Fixes an issue on mobile devices where an image disappears after a swipe in the expanded view in case of a single-image gallery.
  • v5.2.8
    January 10, 2019
    • Addresses issue where the selector of the main image may not be highlighted by default.
  • v5.2.6
    December 12, 2018
    • (Plus version) Addresses issue with fullscreen in Chrome 71.
    • Resolves issue where hint doesn’t appear on mobile devices in “magnifier” zoom mode with the enabled lazy zoom.
    • Other improvements.
  • v5.2.5
    October 12, 2017
    • Zoom opened on click can be now deactivated by both click and moving mouse out of the image.
  • v5.2.4
    June 30, 2017
    • Some tweaks to Variable Zoom.
  • v5.2.3
    June 9, 2017
    • Fixes and improvements to Variable Zoom.
  • v5.2.2
    March 19, 2017
    • Addresses a compatibility issue with CloudFlare lazy-loading images.
    • Resolves an issue with the incorrect hint text shown on mobile devices with a small screen when lazyZoom is enabled.
    • (Plus version) Fixes an issue with lazyZoom on mobile devices with a small screen where expanded view did not open on the first tap.
  • v5.2.1
    December 19, 2016
    • Fixes an issue with the broken lazyZoom that was introduced in v5.1.17.
  • v5.2.0
    December 16, 2016
    • (Plus version) Addresses Safari's issue that may cause a delay while closing the expanded view.
    • (Plus version) Removes bounce effect in animation triggered when the expanded view opens and closes.
  • v5.1.17
    December 12, 2016
    • Addresses a possible issue with a blurry magnified image in Chrome.
    • Improves magnifier deactivation when mouse pointer moves beyond the image edges.
    • Fixes an issue where data-link option of non-primary images was ignored in gallery mode.
    • Addresses a potential issue with the animation on zoom activation.
    • Fixes an issue in IE9 where thumbnail was shown as a black box until its image is loaded.
    • Fixes a style of the loader in IE<10.
  • v5.1.16
    October 14, 2016
    • Trigger onZoomReady callback without waiting for the large image if lazyZoom option is enabled.
  • v5.1.15
    October 11, 2016
    • Resolves an issue where the preview window does not appear the very first time if lazyZoom is turned on.
    • (Plus version) Fixes an issue in MS Edge/IE11 when expanded view does not open if zoomOn parameter was set to 'click'.
    • (Plus version) Addresses an issue with a blurred image in the expanded view on retina screen.
  • v5.1.14
    July 25, 2016
    • (Plus version) Addresses a rare issue when the lens could show a wrong image after closing the expanded view.
  • v5.1.13
    June 20, 2016
    • Small fixes.
  • v5.1.12
    June 6, 2016
    • Fixes an issue where the zoomed image may be stuck on the first appearance if lazyZoom is enabled and cursor is on the small image while loading.
    • Other small fixes and tweaks.
  • v5.1.11
    March 14, 2016
    • Improves touch screen support in MS Edge / IE 11(10).
    • Resolves an issue that requires two clicks for activation in Chrome on Windows 7/8/10 when lazyZoom is enabled.
    • (Plus version) Addresses an issue when page may scroll to the top when opening the expanded view.
  • v5.1.10
    February 3, 2016
    • (Plus version) Fixes an issue introduced in v5.1.9 where page freeze when opening the expanded view in fullscreen mode on iOS.
    • (Plus version) Tweaks to the buttons in the expanded view.
  • v5.1.9
    February 3, 2016
    • (Plus version) Addresses possible flickering issues in expanded view in MS Edge browser.
    • (Plus version) Fixes a potential issue with image dimensions when entering the expanded view on iPhone.
    • (Plus version) Respects the hint "always" option when displaying a hint in the expanded view on mobile.
    • (Plus version) Ability to automatically activate zoom upon entering the expanded view on mobile devices (requires explicitly set expandZoomMode to "always" in the options for mobile devices).
  • v5.1.7
    January 29, 2016
    • Refinements to the user experience in magnifier mode.
    • (Plus version) Fixes an issue with the panning the first image opened in the expanded when the expandZoomOn options is set to "always".
    • (Plus version) Fixes an issue in the expanded view when click on the edges of the zoomed image closes the expanded view instead of zooming out the image.
  • v5.1.6
    January 20, 2016
    • Fixes an issue with an incorrect text of the hint if lazyLoad option is on.
  • v5.1.5
    January 11, 2016
    • (Plus version) Fixes an issue in IE10 when the image disappeared in the expanded view after being zoomed in.
  • v5.1.4
    December 1, 2015
    • Minor improvements.
  • v5.1.3
    November 17, 2015
    • Small tweaks to CSS.
  • v5.1.2
    November 12, 2015
    • Defines icons font inline in the magiczoom.css file to speed up loading and avoid cross-origin issues or issues when "fonts" folder are missing on a server.
    • (Plus version) Improves design of the close button.
    • (Plus version) Adds .no-expand-thumbnails CSS helper class to hide thumbnails in the expanded view.
  • v5.1.1
    October 29, 2015
    • New "smoothing" parameter to turn off smooth zoom movement.
    • New predefined "mz-square" CSS class to create magnifier of square shape.
    • Improves sensitivity of the panning on touch screen.
    • On touch screen devices automatically change zoom trigger from touch to double tap when switching from side to inner zoom and vise versa.
  • v5.0.8
    October 22, 2015
    • Disable zoom mode on tablets if zoom position is set to inner and expanded view enabled.
    • Fix an issue when image disappears on click in expanded view if zoom is disabled in expanded view.
  • v5.0.7
    October 15, 2015
    • Addresses an issue with side zoom in Firefox on Android tablets.
  • v5.0.6
    October 7, 2015
    • Small fixes.
  • v5.0.5
    September 30, 2015
    • Do not activate zoom if the size of the zoom image less than 20% larger of the original image and the upscaling is disabled.
  • v5.0.4
    September 29, 2015
    • Fix issue introduced in v5.0.3 that prevents page scroll on touch-screen.
    • Adjust initial magnifier position in Chrome on touch-screen devices.
  • v5.0.3
    September 23, 2015
    • Fix issue when context menu appears on a long tap in the stock browser on Android.
    • Resolve issue with magnifying glass in the stock browser on Android 4.x.
  • v5.0.2
    September 16, 2015
    • Change loader shape to circle.
    • Tweaks to buttons CSS to prevent overwriting of their styles by 3rd party CSS.
    • Fix issue with image switching on touchscreen devices when Zoom inside FlexSlider.
    • Address issue when Zoom stops working if one of its parent element has invalid ID attribute.
  • v5.0.1
    September 8, 2015
    • Address conflicts with the Clicky script when it stops switching images and zoom activation on click.
    • Other minor fixes.
  • v5.0
    September 3, 2015

    Still the best image zoom on hover, since 2006. This new version is our quest for the purest, most beautifully refined experience achievable. Featuring:

    • Zoom with magnifying glass.
    • Swipe gestures.
    • Variable zoom level with mouse wheel.
    • Preview mode for instant enlargements.
    • Retina image support.
    • Automatic or manual start.
    • Separate settings for mobile devices.
    • Better responsiveness.
    • Enhanced user experience with many, many refinements.
    • Fully customisable styling with CSS.
    • Additional API & JavaScript Callbacks created.
    • Improved overall performance.
    • No jQuery required.
    • Built with love and magic.
  • v4.5.30
    January 19, 2015
    • Resolve issue in Firefox 35 when the large image may be cut off or blurred.
  • v4.5.29
    August 25, 2014
    • Fix for error in IE7.
  • v4.5.28
    August 4, 2014
    • Fix issue with the incorrect image size if image is hidden during initialization.
  • v4.5.27
    July 31, 2014
    • Fix issue with visibility in IE8.
    • Do not prevent swipe over the image when in inactive state.
  • v4.5.26
    July 31, 2014
    • Resolve a rare blinking issue when changing images.
    • Fix pounce effect.
  • v4.5.25
    July 23, 2014
    • New css-class parameter that allows to set a specific CSS class on a zoom window.
  • v4.5.24
    July 14, 2014
    • Automatically switch to inner zoom and turn on the click-to-activate option on small touch screens.
    • Better compatibility with Bootstrap CSS.
  • v4.5.23
    May 9, 2014
    • Fix a rare bouncing issue when switching images.
  • v4.5.22
    April 22, 2014
    • Do not automatically scale zoom window on page resize if its initial size is set precisely in pixels.
  • v4.5.21
    April 16, 2014
    • Fix potential "jump" issue when switching images.
  • v4.5.20
    February 25, 2014
    • Resolves an issue with click-to-activate option in Google Chrome v33.
  • v4.5
    April 15, 2013
    • Responsive design - images scale up/down to fit users screen.
    • Zoomed image can now be set as a percentage or pixels.
    • Option to initialize on click of additional images.
    • API methods to show/hide zoom window: zoomIn and zoomOut.
    • Callback to track zoom readiness - onready.
    • Permit dragging on touch-screens by using click-to-activate.
  • v4.0
    October 11, 2011

    Big new features:

    • Works on iOS (iPad/iPhone) and Android.
    • Hint indicates image is zoomable.
    • Drop shadow and glow effects.
    • Initialization (download) on hover to save data transfer.
    • Zoom alignment option.
    • Show titles with inner zoom.
    • External source of a title.
    • Hide zoom on click.
    • CSS class for active selector.
    • Optional right-click show menu.
    • New API show method.
    • Automatically re-position zoom window if it goes beyond page boundaries.
    • New pounce effect to switch between multiple images.
  • v3.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.
  • v3.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.
  • v2.2
    July 9, 2008
    • Improved IE support when scrolling.
  • v2.1
    May 26, 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).
  • v2.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!

  • v1.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.