Sequence.js带缩略图的图片滑动效果

Sequence.js带缩略图的图片滑动效果

更新: 2017-06-15

来源:sequencejs.com

阅读:525

开源:GitHub

Sequence.js 是一个非常现代的图片滑动效果,带有图片缩率图,能够呈现全屏图片浏览效果。结合 CSS3 Transition 实现响应式的滑块效果。

Sequence.js 支持响应式网页设计,可以在移动设备平板电脑和PC电脑上展示,支持自动播放,各种按钮(上一个、下一个、暂停和分页),通过imagesloaded预载内容,支持与传统浏览器的后退状态(所有主要的浏览器),还有现成的主题样式使用等等

参数

  • startingStepId:默认展示第几张图片;默认值=1
  • startingStepAnimatesIn:开始步骤显示动画效果;默认值=false
  • cycle:循环播放;默认值=true
  • autoPlay:自动开始播放;默认值=false
  • autoPlayInterval:自动播放间隔时间(毫秒);默认值=5000