当前位置:主页 > JavsScript库 > 其它 >

带图像缩放的画廊滑块 -
栏目分类:其它   发布日期:2021-10-07   浏览次数:

positive-zoom 是一个 JavaScript 库,用于创建照片库,您可以通过将鼠标悬停在当前图像上来放大当前图像。

使用:

1. 在文档中加载样式表 positive-zoom.css 和 JavaScript positive-zoom.js。

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

2. 将图片添加到图库滑块。

<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. 初始化正变焦并完成。

positiveZoom.init('#slider-zoom')


官方网站:https://github.com/zeynab-sharifi/positive-zoom

相关热词: 图像缩放

声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库