slide3D插件版本更新

2024年5月10日 260次阅读 来源: TGCode

在客岁宣布了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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞