Chrome/Safari 이미지 로더, 처음 열기

Question

내 이미지 슬라이더 내장. firefox에서 완벽하게 작동합니다. 그러나 크롬/사파리에서 이미지는 페이지를 처음 열 때로드되지 않는 경향이 있습니다. , 크롬 및 사파리에서

var count = $("#show-image img").size(); 
var img = $("#show-image img"); 
$(document).ready(function() { 
for(i=0;i<count;i++){ 
    var width = img[i].width; 
    var height = img[i].height; 
    $(img[i]).css({"width": width, "height": height}); 
    console.log(img[i].width); 
} 
}); 

페이지 이미지의 일부는 높이를 점점하고 0 픽셀로 설정 선폭로드 처음으로 (당신이 새로 고치면 모든 것이 괜찮습니다). 이미지가 아직 완전히로드되지 않았다고 가정합니다.

페이지가 실제로 완전히로드되면 코드를 어떻게 실행할 수 있습니까?

Answer 1

신속하고 간단한 해결책으로 .load()을 대신 사용하십시오.

더 나은 솔루션 this jQuery plugin을 사용하는 것입니다 :

$(document).ready(function() { 
    $('#show-image').imagesLoaded(function() { 
     /* your code here */ 
    }); 
}); 

당신 만 특정 이미지를로드 할 때까지 기다릴 가지고있는 장점, 대신 모든 당신이 .load() 위해 할 것 같은.