幻灯片过渡与空白点

Question

我的幻灯片显示有问题，当它切换到其他幻灯片时，有一个短暂的时间它是空白但是当它到达最后一个图像并再次转到第一个时，它不会发生，任何帮助？< / p>

指向site

的链接

这是我的脚本代码，您可以在上面的链接中看到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添加到图像中，结果很好！

Answer 1

更改了图片的CSS，添加了position: absolute。问题是图像相互冲突，将它们从div中推出，从而破坏了滑动效果。