Press "Enter" to skip to content

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


See Demo And Download

Official Website(zeynab-sharifi): Click Here

This superior jQuery/javascript plugin is developed by zeynab-sharifi. For extra Advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.