javascript - 无缝轮播最后一张怎么切换到第一张？

问题描述

<script> var next = document.getElementById('next'); var prev = document.getElementById('prev'); var ul = document.getElementsByTagName('ul')[0]; var li = document.getElementsByTagName('li'); var x=0; next.onclick = function(){x = x -289;ul.style.transform='translate3d('+x+'px,0,0)';} prev.onclick = function(){x = x +289;ul.style.transform='translate3d('+x+'px,0,0)'; }</script>

问题解答

可以把第一张复制，放到最后。例如： 123451当轮播到了最后一张1的时候，把整个的轮播图移动位置还原为原始状态。

把轮播图clone出一个一样的。（eg:(图1图2图3)(图1图2图3)）

当图片移动到序号为1的时候判断有没有上一个元素，如果没有把后面整个sroll搬过去到最前面去，然后做轮播，否则直接轮播（这种情况注意定位的left值也要随之先改变）

当移动到最后一张的时候同理