js轮播图transition问题

Question

1.五张图轮播关键代码如下，有前后按钮：
-》表示有0.2s过渡
alt2-》alt3-》alt4-》alt5-》alt6-》alt7
alt7立即跳到alt2，alt1立即跳到alt6,此时立即跳失败（transition设置为0不生效）
ps已经能轮播了，但是有过渡的情况下，比如第五张下来第一张（alt7到alt2），这一步得把过渡取消掉，，然后继续加上过渡轮播。最后一张怎么平稳过渡到第一张？
html：

<div id="list" style="left: -600px;">
                <img src="img/5.jpg" alt="1"/>
                <img src="img/1.jpg" alt="2"/>
                <img src="img/2.jpg" alt="3"/>
                <img src="img/3.jpg" alt="4"/>
                <img src="img/4.jpg" alt="5"/>
                <img src="img/5.jpg" alt="6"/>
                <img src="img/1.jpg" alt="7"/>
            </div>

css:

#list {
            position: absolute;
            z-index: 1;
            width: 4200px;
            height: 400px;
            transition: left 0.2s linear;
        }   

js:

if(newLeft > -600) {               
                        list.style.transition = "left 0s linear";
                        list.style.left = -3000 + 'px';
                
                }

                if(newLeft < -3000) {                    
                        list.style.transition = "left 0s linear";
                        list.style.left = -600 + 'px';                    
                }
                list.style.transition = "left 0.2s linear";

Answer 1

这个 轮播插件很多 自己造轮子 太费事