带空白点的幻灯片过渡

Question

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

Link到site

这是我的脚本代码，你可以看到上面link中的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 破坏了幻灯片效果。

带空白点的幻灯片过渡

Slideshow transition with blank spot

html

jquery

slideshow