Choose your way to display images in high-res detail

Try 12 image zoom effects that will transform your website

Hover over the images...


Image magnifier example

Image magnifier

Add an image magnify to create a jewellry loupe effect. When hovered, only that area of the image displays a detailed zoom. Prefer a square magnifier instead of circle? The choice is yours!


Gallery arrows

Improve user experience instantly by giving customers a choice of how they browse your product images. Use a simple cssClass setting to add left/right arrows to either side of the main product image.


Internal zoom example

Internal zoom

Keep any web page layout exactly how it was designed. By using an internal image zoom content remains visible as the image zoom appears within the image area only.


Show entire image example
Show entire image example
Show entire image example

Show entire image (perfect for quick previews)

Image zooms show part of an image in detail. But what if you want to show the entire image on hover? You can! Using the preview zoom mode immediately displays the large image. Perfect when your web page is full of small images.


Swap images on hover example
Swap images on hover example
Swap images on hover example
Swap images on hover example

Swap images on hover

Display images together in an image gallery for ease. Visitors either hover each thumbnail on a desktop or touch with their finger on any mobile device and the main image smoothly swaps with the selected thumbnail image.


Responsive imaging

Images automatically scale to suit different devices.

Choose a display size:
Move your mouse over image
Magic Zoom - Examples

Nokia Booklet

Zoom position can be anywhere

Position your zoom window anywhere on the web page to create something special and unique. And when we say anywhere, we literally mean anywhere!


Click to open/close zoom example

Click to open/close zoom

Our image zoom on hover also gives the option to activate and deactivate zoom on click. Do you have a preference? Do you prefer zoom effect to automatically appear when the image is hovered? Or do you prefer activation on click?


Top zoom example

Top zoom

Different to the Placeholder option, the Zoom Position option positions the zoom window on any side of the main image. Choose from top, bottom, left, and right.



Combine image zoom and image carousel example Combine image zoom and image carousel example Combine image zoom and image carousel example Combine image zoom and image carousel example Combine image zoom and image carousel example Combine image zoom and image carousel example Combine image zoom and image carousel example Combine image zoom and image carousel example Combine image zoom and image carousel example

Combined with Magic Scroll

Use any number of images and be confident your image gallery will always be neat & tidy. Set Magic Scroll to display the ideal number of thumbnail images for your gallery layout. Whether you have 10 or 100 thumbnails, Magic Scroll contains them beautifully in one place.


Combined with Magic 360

How can you increase conversions? Studies show adding a 360 degree spin is an easy way. The incredible Magic 360 looks sleek and effortless when combined with Magic Zoom.
(Using HTML? Get the code here.)


Combine image zoom and image slideshow example
Combine image zoom and image slideshow example
Combine image zoom and image slideshow example
Combine image zoom and image slideshow example

Combined with Magic Slideshow

Do you have a client who wants to zoom in on each photo of their slideshow? This is possible when Magic Zoom is combined with Magic Slideshow. Created using JavaScript, this fading slideshow offers a complete set of features including: bullets, tooltips and a choice of 14 slide effects to make every client happy.


What is an image zoom?

An image zoom lets you focus on a specific part of an image easily, clearly and close-up.

It's the best tool you have in lieu of a sales person. Its powerful magnify effect allows visitors to see every detail of your image, essential if your website is an online store with the sole purpose to sell products.

Websites with zoomable images instantly look impressive, capturing the attention of visitors and potential customers.

Created using JavaScript, Magic Zoom works with HTML, jQuery and eCommerce platforms so anyone can enjoy amazing image zooms.

Bigger is better

To create an image zoom on any HTML website, use 2 images (small and large). For Magic Zoom, a ratio between 1:3 and 1:4 normally works very well. For example:

Small image: 450px width
Large image: 1350px width

If you created your website using an eCommerce platform, upload the large image only and the platform will automatically resize each image throughout your online store.

Our motto is: bigger is definitely better! The bigger your large image, the more detailed the image zoom effect will be.


Get Magic Zoom now...

Buy now £29