幻燈片過渡與空白點

我的幻燈片有一個問題，當它切換到其他幻燈片時，有一個短暫的時間是空白的，但是當它到達最後一個圖像並再次到第一個時，它不會發生，有什麼幫助？幻燈片過渡與空白點

鏈接到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到的圖像和它變成了好嗎！

來源

2017-07-19 I_like_trains

請發送您的'js/slide_entrada.js'文件我認爲有一個問題 – Nihal

@Nihal原來，這是幻燈片的另一個項目的一部分，對不起！有或沒有它，它仍然發生 –

你有'visibility：hidden'在'橫幅[1]'和'橫幅[2]'。該規則不適用於'banners [0]'，這可能是爲什麼它如預期般顯示 – bowl0stu

更改了圖像的CSS，添加了position: absolute。問題是圖像互相推過來推動它們離開div，破壞了滑動效果。

來源

2017-07-19 19:19:16

幻燈片過渡與空白點

回答

相關問題