无缝轮播的思路

来源:5-8 首页.UI组件-UiSlider(3)

MK_進

2018-11-30 22:15:33

老师,能说一下在在源码的基础上实现无缝轮播的方法吗

写回答

1回答

好帮手慕星星

2018-12-02

源码中的轮播图没有使用无缝滚动来完成,如果同学想要实现这种方式,可以给你提供一个思路:

在原来html布局基础上再添加一个图片(是第一张图片):

http://img.mukewang.com/climg/5c034a69000147a008360290.jpg

当图片滚动到最后一张,也就是新添加的第一张图片时,使用定位将轮播图定位到第一张图片,改变index的值,继续向后滚动即可。

同学可以自己动手测试下,现在实现不了也没有关系,在第二个阶段中老师会讲解无缝滚动的:

http://img.mukewang.com/climg/5c034bda00018f7012330339.jpg

同学可以继续往下学习哦。

祝学习愉快!

2

0 学习 · 36712 问题

查看课程