swiper插件

近日,因为公司官网开发需要,用了angularjs框架,此外,因为很多图片需要轮播,由于自己写的轮播图在angular指令中的索引值从绑定箭头和圆点点击事件切换过程没有全局变化,无奈之下,用了比较流行的swiper插件,总体上来说,这个插件还是很强悍的。

在使用swiper插件时发现,swiper基本使用有以下两个缺点:

      1.初始化时如果没有设置"loop:true",swiper的箭头点击事件会受到限制,当索引值等于0时,左边箭头无法触发滑动,当索引值等于滑动图片总数减一时右边箭头也无法触发滑动事件;

      2.初始化时如果设置"loop:true",虽然可以弥补以上1的缺点,但是它会乱复制图片;

    以上两点是我在使用swiper过程中遇到的难点之二。

    由于angularjs ng-repeat指令添加节点需要一定的时间,因此在angularjs指令中使用swiper需要使用angular定时器$timeout(function(){},0);

  


  此外,为了解决angularjs过滤器过滤数据时swiper轮播图的索引值不会置于0,我自己想个思路:1.初始化swiper    2.将swiper的transform属性重新设置

    

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值