問(wèn)題描述

<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>

問(wèn)題解答

可以把第一張復(fù)制，放到最后。例如： 123451當(dāng)輪播到了最后一張1的時(shí)候，把整個(gè)的輪播圖移動(dòng)位置還原為原始狀態(tài)。

把輪播圖clone出一個(gè)一樣的。（eg:(圖1圖2圖3)(圖1圖2圖3)）

當(dāng)圖片移動(dòng)到序號(hào)為1的時(shí)候判斷有沒(méi)有上一個(gè)元素，如果沒(méi)有把后面整個(gè)sroll搬過(guò)去到最前面去，然后做輪播，否則直接輪播（這種情況注意定位的left值也要隨之先改變）

當(dāng)移動(dòng)到最后一張的時(shí)候同理