以高速連續隱藏和顯示圖像時的視覺延遲

Question

我有大約50張應該在div內連續顯示的圖像。

顯示一張圖像和另一張圖像之間的延遲大約爲750毫秒，隨着每張圖像逐漸減少。

我確信，這個動畫踢之前，所有的圖像加載，通過使用：

(window).load(function() { }); 

的animaton完成使用setTimeout

var index = 1; 
function newImage(index) { 
var interval = setTimeout(function(){ 
     $("#image-container .image").css("display","none"); 
     $("#image-container .image:nth-child("+index+")").css("display","block"); 
     clearTimeout(interval); 
     index = index + 1; 
     newImage(index); 

    },delay[index-1]); 
} 

哪裏delay是延遲的陣列，東西像[750,750,650,...]。

動畫效果很好，但有一個視覺延遲像眨眼一樣快，沒有圖像顯示，只有背景可見，我怎麼能避免它？

Answer 1

試圖用你嘗試過使用`visibility` CSS屬性，而不是`display` visibility CSS屬性，而不是display