图片左右拖拽对比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插件

正在加载文件目录...

Tensai
Tensai下载了 此素材
个子个子个子
个子个子个子下载了 此素材
zp十月
zp十月下载了 此素材
A,
A,下载了 此素材
.
.下载了 此素材
周文龙
周文龙收藏了 此素材
生气的奶茶
生气的奶茶下载了 此素材
AKI
AKI收藏了 此素材
1xq
1xq下载了 此素材
白涅
白涅收藏了 此素材

也许你还喜欢

  1. js选择多张图片对比功能插件
  2. jQuery图片分割线拖拽亮度对比
  3. split-view.js图片分割拖拽对比插件
  4. js图片等分对比插件
  5. jQuery图片上下分割拖拽对比插件
  6. jQuery图片对比
  7. jquery两张图片放大镜对比插件
  8. 两张照片滑动前后对比js插件
原生响应式美妆化妆品电商网页模板
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具