国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - 無縫輪播最后一張怎么切換到第一張?

瀏覽:153日期:2022-12-14 11:47:31

問題描述

<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的時候,把整個的輪播圖移動位置還原為原始狀態。

回答2:

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

當圖片移動到序號為1的時候判斷有沒有上一個元素,如果沒有把后面整個sroll搬過去到最前面去,然后做輪播,否則直接輪播(這種情況注意定位的left值也要隨之先改變)

當移動到最后一張的時候同理

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 加查县| 四会市| 济源市| 东乌珠穆沁旗| 罗江县| 鄯善县| 繁峙县| 常州市| 成武县| 鹤壁市| 易门县| 石林| 朝阳县| 靖边县| 化隆| 洛扎县| 香格里拉县| 浏阳市| 论坛| 桃源县| 孝感市| 磐安县| 金秀| 游戏| 防城港市| 青阳县| 汽车| 军事| 丰镇市| 广昌县| 金平| 大渡口区| 六枝特区| 忻城县| 措勤县| 屯留县| 柯坪县| 微博| 广州市| 崇左市| 冀州市|