当前位置:主页 > JavsScript库 > 图库 / 图片 >

纯JavaScript前后比较滑块插件 - JavaScriptslider.js
栏目分类:图库 / 图片   发布日期:2021-08-21   浏览次数:

用现代 JavaScript 编写的最小前后图像比较滑块。

使用:

1.在文档中加载样式表slider.css和JavaScriptslider.js。

<link rel="stylesheet" href="./slider.css" />
<script src="./slider.js"></script>

2. 为图像比较滑块创建一个空容器。

<div id="slider" class="slider"></div>

3. 初始化滑块并指定前/后图像的路径。

const slider = new Slider('slider', {
      after: 'after.jpeg',
      before: 'before.jpeg'
});


官方网站:https://github.com/EugenyTR/before-after-plugin-javascript

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