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

Category: Javascript , Zoom | October 20, 2020
Author:nishanths
Views Total:783 views
Official Page:Go to website
Last Update:October 20, 2020
License:MIT

Preview:

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

Description:

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