jQuery image cache load 문제

jQuery image cache load 문제

익스플로러는 load (javascript onload) 함수를 타지만, 크롬브라우저는 Cache 에 저장된 이미지의 경우는 타지를 않습니다.

대신에 complete 라는 변수의 값으로 판단이 가능합니다.

$("img").each(function(i){

if(this.complete) { // 캐쉬된 이미지

alert ( this.width );

}

else {

$(this).load(function(){

alert ( this.width );

});

}

});

위 코드 처럼 분기시켜서 적용하면 잘 됩니다.