Simple & Easy to use jQuery plugin to smoothly zoom images

by Posted on

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.

<div class="image-container">
  <img class="myimage" src="image/street.jpg">
</div>

JS

Finally call the plugin and done.

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

See live demo and download source code.

DEMO | DOWNLOAD

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


Published by admin