评论：超炫酷碎片化轮播图（原创）  [查看原文]

很喜欢这个插件，为了项目需求，新增了图片的跳转，实现方法就是在创建i标签时改成a，然后仿写setCss(),自定义一个setStyle() 这样就能对其设置href属性
还有就是在 banner.js 中，在下面的数组添加一个 href 成员

this.whiteList = ['container','controller','size','imgs','size','grid','index','fnTime','boxTime','type','href'];

调用时

var banner = new FragmentBanner({
    container: "#banner1",
    imgs: ['images/a0.jpg', 'images/a2.png'],
    href: ['https://www.baidu.com', 'https://www.taobao.com'], //例：在这里写上对应图片的链接，就能实现跳转
});

因为是仿写难度不大，代码太多，就不发了，看得懂源码就能改，只提供了实现的思路

是我的海1
2018/7/3 23:59:03

size: {
    width: window.screen.width-20,
    height: 560
}

暂时只想到用这个办法，让其适应浏览器窗口，减掉的20是滚动条的宽

【 】0
2018/8/9 11:44:41
这个方法是写在哪的？

远在天边ぃ0
2021/4/28 15:45:39
这个方法不行啊。。。

秋枫.0
2018/5/2 15:17:07
鼠标悬浮可以暂停切换吗？

怎么给图片添加超链接?

一方一方0
2018/1/31 14:26:31

哎嘿，这个没考虑过

慢灵魂1
2018/2/27 11:24:57
给i标签添加个class, 轮播图添加点击事件就可以获取信息了，别忘了给前后键和下方的进度点添加阻止冒泡

第一个轮播左右按键点了没反应 有解决方法吗大哥

一方一方0
2017/12/25 14:51:12

不是没反应，是方块没复位之前，禁止再次切换

爱吃怎么不长胖0
2018/1/5 20:38:33

这也是判断动画，不然很容易鬼畜

有没有手机的啊