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.

Related