淘宝淘宝网首页 (html)淘宝首页的图片无缝轮播是如何实现的(1/2)

关于网友提出的“淘宝淘宝网首页 (html)淘宝首页的图片无缝轮播是如何实现的
”问题疑问，本网通过在网上对“淘宝淘宝网首页 (html)淘宝首页的图片无缝轮播是如何实现的
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：淘宝淘宝网首页 (html)淘宝首页的图片无缝轮播是如何实现的
描述:

用开发者模式看过了，但是还是不知道是如何实现的。

知道的只有这些：
1.所有图片放到一个div中，div position：absolute，div overflow：hidden，所有图片float：left。控制left，来进行右移。
2.表面上看轮播图片有5张，1，2，3，4，5.
3.实际div中有7张图片，dom排列顺序为，5，1，2，3，4，5，1

求大神解答啊！

---

解决方案1:

大致就是6张图片1，2,3,4,5,1，当到达第五张开始切换，第六张作为缓冲

    
    



    

        

            
1
            
2
            
3
            
4
            
5
            
6
            
1
        
        

            

            

            

            

            

            

        
        
<
        
>
    

解决方案2:

你可以看看我写的demo，地址：https://github.com/MrZhang123/ES6_Practice/tree/master/ES6lunbo

解决方案3:

其实你要是实现这种情况的话，你就应该当第一张滚动完之后，你就把第一张移除然后将第一张放到所有图片的最后面，之后的依次

解决方案4:

谢谢邀请。这种无缝滚动网上有很多资料。其中bootstrap里面就有，你看看这个例子 轮播 希望对你有帮助

解决方案5:

大概逻辑没问题。
可以下载一个类似功能的插件(比如SuperSlide)，然后看源码就比较好理解了~