Simple & Easy to use jQuery plugin to smoothly zoom images

Are you looking for image zoom plugin in jquery then here I am going to share A lightweight, simple and easy to use jQuery plugin to smoothly zoom images. This plugin is super easy to integrate and that enables users to zoom in/out your images with a well designed and highly customizable slider.

Features:

  • Smooth zooming in and out.
  • Scrolling and swiping supported.
  • Directly and also can be used in lightsbox, gallery and photo projects.
  • Fully customizable with css.
  • Easy to use and implement.

Libraries

Insert the following libraries on page.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">script>
<script src="js/jquery.simple.zoomer.js"> script>
<link rel="stylesheet" href="css/simple-zoomer.css" />

HTML

Create the HTML container and load the image where you need to apply image zoom effect.

="image-container"> ="myimage" src="image/street.jpg">
>

JS

Finally call the plugin and done.

$(function() {  
 $(".myimage").zoomer();
});

See live demo and download source code.

This awesome plugin is developed by CodeHimBlog. Visit their official github repository for more information and follow for future updates.

Leave a Reply

Your email address will not be published. Required fields are marked *

Top