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

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 無縫輪播最后一張?jiān)趺辞袚Q到第一張?

瀏覽:127日期: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:

可以把第一張復(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)到序號(hào)為1的時(shí)候判斷有沒有上一個(gè)元素,如果沒有把后面整個(gè)sroll搬過去到最前面去,然后做輪播,否則直接輪播(這種情況注意定位的left值也要隨之先改變)

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

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 大荔县| 喀喇沁旗| 资源县| 宝坻区| 嵊泗县| 府谷县| 酒泉市| 庄河市| 江孜县| 璧山县| 陵川县| 金华市| 庆城县| 汤阴县| 平乡县| 黄山市| 东辽县| 镇安县| 岢岚县| 武邑县| 奈曼旗| 平遥县| 深水埗区| 韶山市| 筠连县| 通山县| 汝州市| 常州市| 平顺县| 嘉义县| 柳江县| 昭平县| 门头沟区| 景洪市| 珲春市| 浦北县| 黄山市| 汝南县| 灌阳县| 聂荣县| 揭东县|