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

若有疑问或好的发起,迎接在下方的批评区示知!

    原文作者:TGCode
    原文地址: https://segmentfault.com/a/1190000008017185
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞