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.

<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.


One Reply to “Simple & Easy to use jQuery plugin to smoothly zoom images”

  1. This looks good and clean.

    I have a suggestion to improve this plugin. This could be better and smooth if user can move images using mouse instead of scolling scroll bars.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.