Medium Inspired Image Zoom In Plain JavaScript – v-zoom

Yet another JavaScript plugin to apply Medium.com inspired zoom functionality on images within the document.

Click/tap to zoom and display the image in a popup window.  Click the popup or scroll the page to shrink the image to its original size.

How to use it:

Insert the minified version of the v-zoom library into your webpage.

<script src="dist/js/v-zoom.min.js"></script>

Initialize the v-zoom library on your images. Done.

VZoom.init("img");

Change the zoom effect to ‘Scale’.

VZoom.init("image", {
  zoomEffect: "scale",
  zoomPercentage: 60
});

Customize the background color of the popup overlay.

VZoom.init("image", {
  backgroundColor: "rgba(0.0.0.1)"
});

Set the duration of the animation.

VZoom.init("image", {
  duration: 279
});

Changelog:

01/02/2019

• Update destroy