10 Best Image Zoom jQuery & Vanilla JavaScript Plugins (2020 Update)

by jQueryScript,

What is Image Zoom?

Image Zoom is a widely used web technology which enables the visitor to view the details about product/article/post images on hover or click/tap, just like a magnifying glass effect.

The Best Image Zoom Plugin

In this post you will find the 10 best jQuery and Pure JavaScript Image Zoom plugins that enables your visitors to enlarge images within your document in an elegant way. I hope you like it.

Originally Published Dec 17 2017, updated Jan 15 2020

Table of contents:

jQuery Image Zoom Plugins:

Medium Style Image Zoom Plugin with jQuery - zoom.js

zoom.js is a smart jQuery image zoom plugin that enlarges / shrinks your images in place on click, as you seen on Medium.com.

Medium Style Image Zoom Plugin with jQuery - zoom.js

[Demo] [Download]


Simple Image Inner Zoom Plugin - jQuery Zoom

jQuery Zoom is a simple and easy-to-use jQuery zoom plugin that enlarge your images on mouse over, grab, click or toggle.

Simple Image Inner Zoom Plugin - jQuery Zoom

[Demo] [Download]


Create Smooth Image Zoom and Pan Effects With jQuery and CSS - EasyZoom

EasyZoom is a lightweight and touch-compatible jQuery zoom plugin which allows you to zoom and pan an image using your mouse cursor or finger on touch devices.

Create Smooth Image Zoom and Pan Effects With jQuery and CSS - EasyZoom

[Demo] [Download]


Smooth Image Zoom & Pan Plugin With jQuery - ZooMove

ZooMove is a super tiny jQuery/HTML5 image zoom plugin which smoothly enlarges and pan a specified image when mouse hovering and moving.

Smooth Image Zoom & Pan Plugin With jQuery - ZooMove

[Demo] [Download]


Google Photos Inspired Image Zoom & Pan Plugin - ImageViewer

A feature-rich, touch-enabled jQuery image viewer plugin which provides zooming and panning functionality for your images, inspired by Google Photo.

Smooth Image Zoom & Pan Plugin With jQuery - ZooMove

[Demo] [Download]


Vanilla JS Image Zoom Libraries:

medium-zoom

medium-zoom is a lightweight and dependency-free JavaScript library used for creating a responsive, user-friendly image zoom / lightbox effect as seen on Medium.com pages.

medium-zoom

[Demo] [Download]


zoomerang

Drift is a standalone and highly configurable JavaScript library that provides responsive, smooth hover (or touch) zoom effect on images.

zoomerang

[Demo] [Download]


Smooth Image Hover Zoom Effect with Pure JavaScript – Drift

Drift is a standalone and highly configurable JavaScript library that provides responsive, smooth hover (or touch) zoom effect on images.

Smooth Image Hover Zoom Effect with Pure JavaScript – Drift

[Demo] [Download]


Amplify

Amplify is a lightweight inline image zoom library that allows users to increase the size of images in their original positions. Press on the Enter and Space keys to close the enlarged images.

Amplify

[Demo] [Download]


Medium.com Like Image Zoom Library – Lightense.js

Lightense.js is a lightweight and simple to use JavaScript library for image zooming as you seen on Medium.com.

Medium.com Like Image Zoom Library – Lightense.js

[Demo] [Download]


More Resources:

Want more jQuery plugins or JavaScript libraries to create awesome Image Zoom Effects on the web & mobile? Check out the jQuery Image Zoom and JavaScript Image Zoom sections.