博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
slide3D插件版本更新
阅读量:7004 次
发布时间:2019-06-27

本文共 912 字,大约阅读时间需要 3 分钟。

在去年发布了slide3D插件,由于时间仓促,并没有实现完整版本。最近收到小伙伴的反馈,基本都是两点问题:

  • 分页器点击没有跳转

  • 没有自动播放功能

相关文章:

为了实现一个完整的插件,这两天将这两个功能已经补充完善。

Github: (最新版本1.2.1)

实例:

参数设置说明:

var mySlide = Slide3D('.container3D', {        width: 700,   //  宽度       height:306,   // 高度       direction: 'horizontal | vertical',  // 定义切换方向,只对slide有效                     effect: 'fragment',  // flip | turn | slide | flat | fragment   // 切换效果       sources: ['image-slider-1.jpg','image-slider-2.jpg','image-slider-3.jpg','image-slider-4.jpg','image-slider-5.jpg'],  // 除了effect设为slide外,在其他切换效果的情况下,都需要通过sources给每个slide指定图片。       box:{          cols: 3,  // 列          rows: 6  // 行       },       pagination: true,  // 设置分页器       loop:true,  // 是否循环,只有effect为slide时可以设置,其他效果默认循环    paginationClickable: true,  //  分页器可点击跳转    autoplay: 2000,   // 自动播放时间,单位秒,必须为正整数    autoplayDisableOnInteraction : true     // 用户操作后是否不保留自动播放,默认为true,不保留});

如有疑问或好的建议,欢迎在下方的评论区告知!

转载地址:http://dtytl.baihongyu.com/

你可能感兴趣的文章
Linux makefile 教程 很具体,且易懂
查看>>
Swift来的正是时候
查看>>
NSCopying简析
查看>>
oracle union 用法
查看>>
发布一个参考ssdb,使用go类似的实现redis高性能nosql:ledisdb
查看>>
我的前端分页
查看>>
解决This system is not registered with RHN
查看>>
python抓取网络内容
查看>>
nginx(四)初识nginx日志文件
查看>>
poj1026(置换找循环节)
查看>>
[leetcode]Search for a Range
查看>>
leetcode - Merge Intervals
查看>>
Freertos之系统配置
查看>>
四年前从这里开始,四年后从这里继续-回归博客园
查看>>
node.js的作用、回调、同步异步代码、事件循环
查看>>
深入学习虚拟机类加载过程
查看>>
WPF笔记(2.6 ViewBox)——Layout
查看>>
Linux命令--删除软连接
查看>>
Nginx 错误汇总
查看>>
Maven将jar包放入本地库
查看>>