幻灯片过渡与空白点

问题描述：

我的幻灯片有一个问题，当它切换到其他幻灯片时，有一个短暂的时间是空白的，但是当它到达最后一个图像并再次到第一个时，它不会发生，有什么帮助？幻灯片过渡与空白点

链接到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到的图像和它变成了好吗！

请发送您的'js/slide_entrada.js'文件我认为有一个问题 – Nihal

@Nihal原来，这是幻灯片的另一个项目的一部分，对不起！有或没有它，它仍然发生 –

你有'visibility：hidden'在'横幅[1]'和'横幅[2]'。该规则不适用于'banners [0]'，这可能是为什么它如预期般显示 – bowl0stu

答

更改了图像的CSS，添加了position: absolute。问题是图像互相推过来推动它们离开div，破坏了滑动效果。

幻灯片过渡与空白点

相关推荐