Touch-enabled Image Zoom Plugin With JavaScript

Category: Image | December 6, 2017
Author:reskilldev
Views Total:19,406 views
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>

You Might Be Interested In:


One thought on “Touch-enabled Image Zoom Plugin With JavaScript

  1. Kevin

    On mobile devices I’m unable to scroll through my webpage when I have your zoom library installed on the page. Can you confirm this is a bug, or have I goofed up somewhere?

    Reply

Leave a Reply