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
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
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 (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
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.
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
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
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.
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 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.