image-compare-viewer是一款现代轻量级图像比较滑块插件，JavaScript编写的现代轻巧与移动设备兼容的图像比较滑块。用户可以通过单击/点击前/后图像或通过拖动和滑动滑块来比较两个图像。
主要特色
- 响应式设计。
- 触摸友好。
- 流畅模式可创建全尺寸图像比较查看器。
- 支持水平和垂直方向。
- 平稳滑动。
初始化
const element = document.getElementById("example");
const myViewer = new ImageCompare(element).mount();创建一个垂直对比滑块
const myViewer = new ImageCompare(element,{
verticalMode: false,//垂直模式
startingPoint: 75//起点
})
.mount();自定义滑块的外观
const myViewer = new ImageCompare(element,{
controlColor: "#FFFFFF",
controlShadow: true,
addCircle: false,
addCircleBlur: true
})
.mount();图片左右拖拽对比js插件
正在加载文件目录...
- 热度 61
企客 network下载了 此素材
无下载了 此素材
Dwelin收藏了 此素材
无期下载了 此素材
幸运喷雾收藏了 此素材
New Year Flag下载了 此素材
Goose下载了 此素材
早晨设计运维-晓敏下载了 此素材
比特船长下载了 此素材
log收藏了 此素材
