js轮播图transition问题

Question

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

css:

js: