轮播中第五张图转第一张图中间有闪过的空白
慕少6037536
2018-12-28 09:14
<body>
<div id="container">
<div id="list" style="left:-1500px">
<img src="5.png" alt="" />
<img src="1.jpg" alt="" />
<img src="2.jpg" alt="" />
<img src="3.png" alt="" />
<img src="4.png" alt="" />
<img src="5.png" alt="" />
<img src="1.png" alt="" />
我的每张图片都在1500px左右，在轮播时只有向右点击按钮时的最后一张图转第一张图会有空白闪过，而第一张图转最后一张却没有问题，点击代码如下：
function qiehuan(shuzi) {
panduan = true;
var newleft = parseInt(list.style.left) + shuzi;
var time = 300;
var jiange = 10;
var cishu = shuzi / (time / jiange);
function go() {
if ((cishu < 0 && parseInt(list.style.left) > newleft) || (cishu > 0 && parseInt(list.style.left) < newleft)) {
list.style.left = parseInt(list.style.left) + cishu + 'px';
setTimeout(go, jiange);
}
else {
panduan = false;
list.style.left = newleft + 'px';
if (newleft > -1500) {
list.style.left = -7500+ 'px';
}
if (newleft < -7585) {
list.style.left = -1500 + 'px';
}
}
}
go();
}
list父容器的代码也如下：
#list {
position: absolute;
width: 10585px;
height: 800px;
z-index: 1;
}
#list img {
float: left;
height: auto;
width: 1500px;
}
就不明白了
2回答
-
- qq_慕前端2565603
- 2019-12-15 13:20:03
那就是你多给一张图片的数值，可以减少一张图片的数值来解决
-
- 慕先生6472888
- 2019-06-28 11:44:22
说的好像我明白一样
焦点图轮播特效
65279 学习 · 611 问题
相似问题