Jquery 带空白点的幻灯片放映过渡

我的幻灯片放映有问题，当它切换到其他幻灯片时，有一段时间它是空白的，但当它到达最后一张图片并再次转到第一张时，它不会发生，有什么帮助吗

链接到

这是我的脚本代码，您可以在上面的链接中看到html和css

$(document).ready(function () {
    var delay = 3000;
    var banners = $('.mySlides');
    var len = banners.length;
    var i = 0;
    setInterval(cycle, delay);

    function cycle() {
        $(banners[i % len]).hide("slide", {
            direction: "left"
        });
        $(banners[++i % len]).show("slide", {
            direction: "right"
        });
    }
});

已解决

---

由于图像以块的形式显示，当滑动时，它们会相互抵触，所以我只是在图像中添加了

position:absolute

，结果很好

更改了图像的css，添加了

位置：绝对
。问题是图像相互重叠，将它们推出div，破坏了幻灯片效果。
更改了图像的css，添加了
位置：绝对
。问题是图像相互重叠，将其推出div，从而破坏了幻灯片效果。
请发送您的
js/slide\u entrada.js
文件，我认为其中存在问题that@Nihal原来，那是另一个幻灯片项目的一部分，对不起！不管有没有它，它仍然会发生在你有
可见性：隐藏在
横幅[1]
和
横幅[2]
上。该规则不适用于
横幅[0]
，因此它可能会按预期显示。您也可以尝试在
幻灯片放映容器上设置
溢出：可见class@BrunoMoutinho出于维护和存档目的，您应该考虑将您的解决方案移动到一个答案中，然后您可以标记为已经解决了问题。请发送您的<代码> JS/SLIDENIGROADAD.JS文件，我认为存在一个问题。that@Nihal原来，那是另一个幻灯片项目的一部分，对不起！不管有没有它，它仍然会发生在你有
可见性：隐藏在
横幅[1]
和
横幅[2]
上。该规则不适用于
横幅[0]
，因此它可能会按预期显示。您也可以尝试在
幻灯片放映容器上设置
溢出：可见class@BrunoMoutinho出于维护和存档目的，你应该考虑把你的解决方案变成一个答案，然后你可以把问题解决。