简单实现图片无限滚动的方法
作者:植旭苗
首先,在源代码的轮播部分按照顺序添加图片,添加了以后,查看效果,就会出现轮播中断这种情况,
那么,到底是在哪个部分出错了呢?其实并不是代码错误的问题,而是忽略了关键的部分,具体漏掉的图片位置如下图:
从第一张图片开始,向后面点击轮播按钮,当点到最后一张返回到第一张图片的时候,会出现轮播中断,呈现出来的的效果如下图:
接下来,只需要在第一张图片的前面添加上第五张图片,最后一张图片的后面添加上第一张图片,也就是说添加附属图片,以达到图片无限滚动的效果(由于表达能力有限,js代码那一块不懂得如何解释清楚,就不作过多的解释啦)