用原生JavaScript写图片轮播的时候，到最后一张图片之后，返回第一张，中间有后退的过渡效果，怎么解决？

问题描述

问 题

 window.onload= function () {

            var img_box=document.getElementsByClassName("img-box")[0];
            var n=1;
            var time=setInterval(function () {
                if(n>3){
                    n=0;
                    img_box.style.left="0px";
                }
                img_box.style.left=-960*n+"px";
                n++;

            },1000)
        }
        就是当大于3的时候，已经到最后一张图片了，想要返回0px的位置，但是返回的过程会有一个很难看的后退效果？一般怎样解决啊

解决方案

op需要的是单向轮播吗？
像这个？

这个用的是bxSlider，实现思路就是在最后加多一个和第一张一样的图，然后当切到最后一张（和第一张一样）的时候，取消animation效果，left:0px;

这篇关于用原生JavaScript写图片轮播的时候，到最后一张图片之后，返回第一张，中间有后退的过渡效果，怎么解决？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！