Medium Inspired Image Zoom In Plain JavaScript – v-zoom

Category: Image , Javascript , Zoom | January 2, 2019
Views Total:532 views
Official Page:Go to website
Last Update:January 2, 2019


Medium Inspired Image Zoom In Plain JavaScript – v-zoom


Yet another JavaScript plugin to apply 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.


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

Set the duration of the animation.

VZoom.init("image", {
  duration: 279



  • Update destroy

You Might Be Interested In:

Leave a Reply