Medium-like Image Zoom In Pure JavaScript – zoom.js

Category: Javascript , Zoom | October 20, 2020
Authornishanths
Last UpdateOctober 20, 2020
LicenseMIT
Views2,399 views
Medium-like Image Zoom In Pure JavaScript – zoom.js

zoom.js is a Pure JavaScript version of the zoom.js jQuery plugin that provides the Medium-like customizable, touch-enabled, smoothly animated image zooming functionality on the pictures.

How to use it:

Include both the zoom.css and zoom.js on the webpage.

<link rel="stylesheet" href="css/zoom.css">
<script src="dist/zoom.min.js"></script>

Just add the ‘data-action’ attribute to the existing image and done.

<img src="image.jpg" data-action="zoom">

Changelog:

10/20/2020

  • update position of stopPropagation;

You Might Be Interested In:


2 thoughts on “Medium-like Image Zoom In Pure JavaScript – zoom.js

  1. napel

    how can you change the size of the zoomed image? I unfortunately have my images in a DIV set to overflow: scroll and want to make the popup smaller to fit the DIV

    Reply

Leave a Reply