Javascript 删除幻灯片之间的空白

我正在制作一个jQuery图像滑块。滑块工作得非常好，但我不希望幻灯片之间出现空白。我怎样才能摆脱它们

window.onload=函数滑块（）{
$（“.slider#1”）.show（“淡入淡出”{
方向：“左”
}, 500);
$（“.slider#1”）。延迟（5000）。隐藏（“slide”{
方向：“左”
}, 500);
var sc=$（“.slider img”）.size（）；
var计数=2；
var margin=$（“.slider”）.width（）；
setInterval（函数（）{
$（“.slider”#“+count）.show（“slide”{
方向：“对”
}, 500);
$（“.slider”#“+count）.延迟（5000）.隐藏（“slide”{
方向：“左”
}, 500);
如果（计数=sc）{
计数=1；
}否则{
计数=计数+1；
}
}, 6500);
}

.img风格{
位置：相对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.滑块{
高度：400px；
溢出：隐藏；
}
.滑块img{
显示：无；
}

---

绝对定位就是这样

window.onload=函数滑块（）{
$（“.slider#1”）.show（“淡入淡出”{
方向：“左”
}, 500);
var sc=$（“.slider img”）.size（）；
var计数=1；
var margin=$（“.slider”）.width（）；
setInterval（函数（）{
$（“.slider”#“+count）.toggle（“slide”{
方向：“左”
}, 500);
如果（计数=sc）{
计数=1；
}否则{
计数=计数+1；
}
$（“.slider”#“+count）.toggle（“slide”{
方向：“对”
}, 500);
}, 6500);
}

.img风格{
位置：相对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.滑块{
高度：400px；
溢出：隐藏；
}
.滑块img{
显示：无；
位置：绝对位置；
排名：0；
左：0；
}

---

绝对定位就是这样

window.onload=函数滑块（）{
$（“.slider#1”）.show（“淡入淡出”{
方向：“左”
}, 500);
var sc=$（“.slider img”）.size（）；
var计数=1；
var margin=$（“.slider”）.width（）；
setInterval（函数（）{
$（“.slider”#“+count）.toggle（“slide”{
方向：“左”
}, 500);
如果（计数=sc）{
计数=1；
}否则{
计数=计数+1；
}
$（“.slider”#“+count）.toggle（“slide”{
方向：“对”
}, 500);
}, 6500);
}

.img风格{
位置：相对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.滑块{
高度：400px；
溢出：隐藏；
}
.滑块img{
显示：无；
位置：绝对位置；
排名：0；
左：0；
}

谢谢您的回复。。做定位：绝对定位它设置在页面背景上，而不是在div中我希望它在div中。而且如果我做绝对定位，我无法使其响应。你能帮我解决这个问题吗？我认为没有绝对定位，将图像元素重叠在彼此之上是不可能实现的。否则，第二个图像的动画将在屏幕外完成，直到第一个图像隐藏后才会显示。这就是为什么你看到空白之间的空白图像时滑动。谢谢你的答复。做定位：绝对定位它设置在页面背景上，而不是在div中我希望它在div中。而且如果我做绝对定位，我无法使其响应。你能帮我解决这个问题吗？我认为没有绝对定位，将图像元素重叠在彼此之上是不可能实现的。否则，第二个图像的动画将在屏幕外完成，直到第一个图像隐藏后才会显示。这就是为什么你看到空白之间的空白图像时滑动。谢谢你的答复。做定位：绝对定位它设置在页面背景上，而不是在div中我希望它在div中。而且如果我做绝对定位，我无法使其响应。你能帮我解决这个问题吗？我认为没有绝对定位，将图像元素重叠在彼此之上是不可能实现的。否则，第二个图像的动画将在屏幕外完成，直到第一个图像隐藏后才会显示。这就是为什么你在滑动时看到图像之间的空白。