Product Thumbnail Slider With Positive Zoom Effect jQuery

Positive Zoom is a JavaScript library for creating an image gallery where you can zoom in on the current image by hovering over it.

jquery image gallery with thumbnails and zoom, product gallery with image zoom example, image carousel with zoom, vertical thumbnail slider with zoom effect

How to make use of it:

1. Load the positive-zoom.css stylesheet and JavaScript positive-zoom.js into the document.

<link rel="stylesheet" href="positive-zoom.css" />
<script src="positive-zoom.js"></script>

2. Add photos to the gallery slider.

<div id="slider-zoom" class="positive-gallery-slider">
  <div class="side-img">
    <img src="1.jpg" alt="image-1" class="small-preview">                    
    <img src="2.jpg" alt="image-2" class="small-preview">
    <img src="3.jpg" alt="image-1" class="small-preview">
  </div>
  <div class="zoom-image"></div>
</div>

3. Configure positive magnification and done.

positiveZoom.init('#slider-zoom')

Gallery Slider With Image Zoom, positive zoom Plugin/Github, product thumbnail slider with zoom effect jquery, image slider with zoom effect jquery