图片左右拖拽对比js插件image-compare-viewer

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();

在线演示        积分下载        6毛下载        砍两刀下载       

未经允许不得转载： ICode联盟 » 插件特效 » 图片左右拖拽对比js插件image-compare-viewer