슬라이드 쇼의로드 막대 표시, 이미지 미리로드, 슬라이드 쇼 표시

Question

간단한 슬라이드 쇼가 있습니다. 슬라이드 쇼가 시작되기 전에로드 사각형을 표시하려면 어떻게해야합니까? 느린 연결에서 슬라이드 쇼는 처음 이미지가 완전히로드 될 때까지 약간 펑키합니다.

Answer 1

배경으로 진동판을 넣을 수 있습니다.

#slideshow { 
    background: url(images/loading.gif) no-repeat center center; 
} 

양자 택일로, 당신은 ...

var images = ['a.jpg', 'b.jpg'], 
    imagesLoaded = 0, 
    totalImages = images.length; 

$.each(images, function(i, image) { 

    var img = new Image(); 

    img.onload = function() { 
     imagesLoaded++; 
     if (imagesLoaded == totalImages) { 
      // All images done 
     } 
    }; 

    img.src = image; 

});