javascript - 無縫輪播最后一張?jiān)趺辞袚Q到第一張?
問題描述
<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>
問題解答
回答1:可以把第一張復(fù)制,放到最后。例如: 123451當(dāng)輪播到了最后一張1的時(shí)候,把整個(gè)的輪播圖移動(dòng)位置還原為原始狀態(tài)。
回答2:把輪播圖clone出一個(gè)一樣的。(eg:(圖1圖2圖3)(圖1圖2圖3))
當(dāng)圖片移動(dòng)到序號為1的時(shí)候判斷有沒有上一個(gè)元素,如果沒有把后面整個(gè)sroll搬過去到最前面去,然后做輪播,否則直接輪播(這種情況注意定位的left值也要隨之先改變)
當(dāng)移動(dòng)到最后一張的時(shí)候同理
相關(guān)文章:
1. 我的html頁面一提交,網(wǎng)頁便顯示出了我的php代碼,求問是什么原因?2. tp6表單令牌3. docker 17.03 怎么配置 registry mirror ?4. java 排序的問題5. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?6. django - 后臺(tái)返回的json數(shù)據(jù)經(jīng)過Base64加密,獲取時(shí)用python如何解密~!7. node.js - node 客戶端socket一直報(bào)錯(cuò)Error: read ECONNRESET,用php的socket沒問題哈。。8. 數(shù)據(jù)庫 - 使用讀寫分離后, MySQL主從復(fù)制延遲會(huì)導(dǎo)致讀不到數(shù)據(jù)嗎?9. 老哥們求助啊10. javascript - canvas 可以實(shí)現(xiàn) PS 魔法橡皮擦的功能嗎?
