Touch-enabled Image Zoom Plugin With JavaScript

Category: Image | December 6, 2017
Author: reskilldev
Views Total: 61
Official Page: Go to website
Last Update: December 6, 2017
License: MIT

Preview:

Touch-enabled Image Zoom Plugin With JavaScript

Description:

A simple and cross-platform image zoom library written in pure JavaScript.

Features:

  • Zoom on single and double click/tap.
  • Zoom in/out with mouse wheel.
  • Zoom in/out with touch swipe and pinch.

How to use it:

Download and insert the main JavaScript file into the html document.

<script src="js/directive.js"></script>

Insert your image into a ‘zoom’ container. That’s it.

<div class="zoom">
  <img class="media" src="https://picsum.photos/3000/1800/?random" alt="test1">
</div>

Leave a Reply