文章详情页
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的时候,把整个的轮播图移动位置还原为原始状态。
回答2:把轮播图clone出一个一样的。(eg:(图1图2图3)(图1图2图3))
当图片移动到序号为1的时候判断有没有上一个元素,如果没有把后面整个sroll搬过去到最前面去,然后做轮播,否则直接轮播(这种情况注意定位的left值也要随之先改变)
当移动到最后一张的时候同理
标签:
JavaScript
相关文章:
1. 请问带渐变背景的进度条如何实现?求给点思路2. javascript - 读js权威指南“作为值得函数”产生了疑惑,求释疑3. python3.x - python中的虚拟环境怎样设置一直处于激活状态4. boostrap怎么在移动端不显示sidebar?5. 网页爬虫 - Python爬虫返回状态码与实际情况不符?6. arguments问题7. mysql - 数据库建字段,默认值空和empty string有什么区别 1108. python中merge后文件莫名变得非常大9. file - Python如何读文件内容修改后写回原文件10. javascript - 为什么 process.stdin 会有 write 方法◔ ‸◔?
排行榜