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>
問題解答
回答1:可以把第一張復制,放到最后。例如: 123451當輪播到了最后一張1的時候,把整個的輪播圖移動位置還原為原始狀態(tài)。
回答2:把輪播圖clone出一個一樣的。(eg:(圖1圖2圖3)(圖1圖2圖3))
當圖片移動到序號為1的時候判斷有沒有上一個元素,如果沒有把后面整個sroll搬過去到最前面去,然后做輪播,否則直接輪播(這種情況注意定位的left值也要隨之先改變)
當移動到最后一張的時候同理
相關文章:
1. JavaScript事件2. mysql無法添加外鍵3. 在mac下出現(xiàn)了兩個docker環(huán)境4. javascript - 這段代碼如何理解?5. java - Mybatis查詢數(shù)據(jù)庫時出現(xiàn)查詢getInt()的錯誤6. java - 是否類 類型指針、引用作為形參 ,函數(shù)結束不會自動析構類?7. matplotlib - python函數(shù)的問題8. javascript - es6將類數(shù)組轉化成數(shù)組的問題9. javascript - 我是做web前端的,公司最近有一個項目關于數(shù)據(jù)統(tǒng)計的!10. javascript - 有沒有什么好的圖片懶加載的插件,需要包含監(jiān)聽頁面滾動高度,然后再加載的功能
