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

图片左右拖拽对比js插件image-compare-viewer源码下载

看看谁在用

查看文件结构

文件大小:0.28M

资源分类: 插件-图像和媒体

更新时间: 2020-11-29

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插件

正在加载文件目录...

也许你还喜欢

  1. jQuery图片分割线拖拽亮度对比
  2. js图片等分对比插件
  3. js选择多张图片对比功能插件
  4. jquery两张图片放大镜对比插件
  5. jQuery图片上下分割拖拽对比插件
  6. jQuery图片对比
原生响应式美妆化妆品电商网页模板
  • 标签查找|关于我们|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2