资讯专栏INFORMATION COLUMN

slide3D插件版本更新

CarterLi / 954人阅读

摘要:在去年发布了插件,由于时间仓促,并没有实现完整版本。最近收到小伙伴的反馈,基本都是两点问题分页器点击没有跳转没有自动播放功能相关文章酷炫的轮番效果是如何实现的为了实现一个完整的插件,这两天将这两个功能已经补充完善。

在去年发布了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,不保留
});

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81096.html

相关文章

  • Fundebug前端JavaScript插件更新至1.8.0,兼容低版本的Android浏览器

    摘要:摘要兼容低版本浏览器,请大家及时更新。通过优化配置,我们兼容了一些低版本的浏览器可知,插件最低兼容,以及。例如,我们的录屏功能仅支持一些高版本的浏览器,均不支持。 摘要: 兼容低版本Android浏览器,请大家及时更新。 showImg(https://segmentfault.com/img/remote/1460000019373421?w=900&h=383); Fundebug...

    wqj97 评论0 收藏0
  • 网络插件 升级 容器云 UK8S

    摘要:提供在线升级的功能,插件升级不会影响现有的网络。升级功能开启后,即可看到插件版本信息,点击升级即可进行升级。年月日修复固定意外释放导致不可用的问题修复抢占文件锁超时导致释放失败的问题插件开启后,将默认使用其管理。 网络插件 升级本篇目录1. 网络插件升级2. 网络插件更新纪要UK8S 提供的 CNI (Container Network Interface)基于 UCloud VPC 网络实...

    ernest.wang 评论0 收藏724
  • 【容器云 UK8S】存储卷:CSI更新21.01.1(版本更新)内容

    摘要:更新升级操作仅支持集群大于版本且在使用插件的集群,如您删除过插件则需要重新部署信息。后续更新工作,将添加至集群插件中进行点击更新。变更记录更新版本更新时间更新内容的起始大小变更为。更新版本更新时间更新内容支持限制节点最大可挂载卷的数量。CSI更新21.01.1CSI升级操作仅支持uk8s集群大于1.14版本且在使用CSI插件的集群,如您删除过CSI插件则需要重新部署userdata信息。后续...

    Tecode 评论0 收藏0
  • 腾讯IVWEB前端工程化工具feflow思考与实践

    摘要:本篇文章主要介绍腾讯团队从到在工程化的思考和实践。的全称是前端工作流,致力于提升研发效率和规范的工程化解决方案。最后腾讯团队的工程化解决方案已经开源主页如果对您的团队或者项目有帮助,请给个支持一下哈 showImg(https://segmentfault.com/img/remote/1460000013362603?w=1200&h=400); 本篇文章主要介绍腾讯IVWEB团队从...

    TANKING 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<