Gallery Slider With Image Zoom – positive-zoom

Category: Javascript , Zoom | October 6, 2021
Views Total:4,375 views
Official Page:Go to website
Last Update:October 6, 2021


Gallery Slider With Image Zoom – positive-zoom


positive-zoom is a JavaScript library for creating a photo gallery where you can zoom in on the current image by hovering over it.

How to use it:

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

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

2. Add images 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 class="zoom-image"></div>

3. Initialize the positive-zoom and done.


You Might Be Interested In:

Leave a Reply