slide3D插件版本更新

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

  • 分页器点击没有跳转
  • 没有自动播放功能

相关文章:酷炫的轮番效果是如何实现的

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

Github: slide3D(最新版本1.2.1)

实例:slide3D实例

参数设置说明:

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,不保留
});

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,868评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,655评论 4 61
  • 近两个月一直处于疲于奔命的状态,每天加班,工作都是之前没有做过的,需要多方沟通,需要高度,也需要做极其基本的工作,...
    晴天爱阅读阅读 579评论 0 0
  • 饭先生阅读 132评论 0 0
  • 创业就是战争,需要和被逼着就要成为队友/战友。 就是不是老师和学生的关系,老师更关注学生的成长,最终赢不赢是学生的...
    v伟伟v阅读 560评论 0 50

友情链接更多精彩内容