이미지를 숨기거나 표시 할 때의 시각적 지연

Question

div 안에 약 50 개의 이미지가 차례로 표시되어야합니다.

하나의 이미지를 표시하는 것과 다른 이미지를 표시하는 것 사이의 지연은 약 750 밀리 초이며 각 이미지마다 감소합니다. animaton 작업이 완료

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

을 delay는 지연의 배열입니다 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]); 
} 

를 사용하여 뭔가를 :

나는 사용하여이 애니메이션에서 개막 전에 모든 이미지가,로드되었는지 확인했다 [750,750,650,...]입니다.

애니메이션은 정상적으로 작동하지만 눈 깜박임처럼 빠른 시각적 지연이 있습니다. 이미지가 표시되지 않고 배경 만 표시되는데 어떻게 피할 수 있습니까?

Answer 1

은 대신`display`의`visibility` CSS 속성을 사용을 시도하는 대신