src를 변경 한 후에 모든 이미지가로드 될 때까지 기다리십시오.

Question

문서가 완전히로드 된 후 이미지 src 속성을 변경해야하는 프로젝트가 있습니다. (조금 수정하십시오).

나는 src 속성이 변경된 이후의 모든 이미지가 완전히로드되었는지 확인할 수있는 옵션을 제공하여 높이를 계산할 수 있으며이를 기반으로 내 코드를 진행할 수 있습니다.

이것이 가능합니까?

Answer 1

당신은 jQuery를 함께 수행 할 수 있습니다

$('img#newsrc').load(function(){ // this triggers after image is loaded 

    // do your checking 

} 

또는 특정 이미지를 :

:

var file = 'beautiful.jpg'; 
$('img').attr('src', file).load(function() { 
    alert(file + 'is loaded'); 
}); 

Answer 2

당신이 페이지의 모든 이미지를 한 후 뭔가를하려는 경우

노력이로드

$(document).ready(function() { 
    var nImages = $('img').length; 
    $('img').load(function() { 
    nImages--; 
    if (nImages == 0) { 
     ... do whatever ... 
    } 
    } 
}); 

모든 이미지를 포함하지 않으려면 'img'선택기를 좀 더 구체적으로 변경하십시오.