이미지 객체가 표시되는지 어떻게 알 수 있습니까?

Question

큰 이미지의 경우 DOM에 이미지 객체를로드하면 잠시 동안 iPad에서 디스플레이가 고정됩니다.

테스트 목적으로 DOM에 이미지를로드하고 추가 할 때 GIF 애니메이션 로더를 돌리고 큰 이미지를 추가하면 이미지가 표시 될 때까지 GIF 애니메이션이 고정됩니다. 이 동결은 CSS3 애니메이션 효과를 사용 중지하기에 충분합니다.

가 모바일 웹 응용 프로그램에서 이미지를 미리로드

var image = new Image(); 
image.ready = function() { alert('the image is being displayed.') }; 

Answer 1

이미지가 크롬을 제외하고이

var img = new Image(); 
img.onload = function() { 
    alert('Done!'); 
} 
img.src = '/images/myImage.jpg'; 

Answer 2

같은 것입니다, 나는 HTML5 - 프리 로더를 사용하여 성공을 거두었습니다. 이것이 너에게 도움이 될만한 것 같다.

HTML5-Preloader