[JQUERY] 이미지가로드되었는지 확인하십시오.

이미지가로드되었는지 확인하십시오.

해결법

1. ---

   1.그레이트 jQuery 문서의 텍스트는로드와 준비가 더 명확하게 구별되는 데 도움이 될 수 있습니다.

   그레이트 jQuery 문서의 텍스트는로드와 준비가 더 명확하게 구별되는 데 도움이 될 수 있습니다.

   ...로드 문서에서 :

   그래서.로드는 당신이 찾고있는 것입니다. 이 이벤트에 대해 훌륭한 것은 DOM의 하위 집합 만 첨부 할 수 있다는 것입니다. 다음과 같이 슬라이드 쇼 이미지가 있습니다.

   <div class="slideshow" style="display:none">
     <img src="image1.png"/>
     <img src="image2.png"/>
     <img src="image3.png"/>
     <img src="image4.png"/>
     <img src="image5.png"/>
   </div>
   

   ... 그런 다음 페이지의 다른 이미지와 상관없이 컨테이너의 모든 이미지가로드 된 후에는 컨테이너의 모든 이미지가로드되면 트리거 할 수 있습니다.

   $('.slideshow img').load(function(){
     $('.slideshow').show().slideshowPlugin();
   });
   

   (나는 디스플레이를 넣는다 : 예를 들어, 아무 것도로드하는 동안 이미지를 숨길 것입니다.)

   업데이트 (03.04.2013) 이 방법은 jQuery 버전 1.8 이후로 사용되지 않습니다

2. ---

   2.각 $ ( 'img')를 트리거 할 수 있습니다. Load () 이벤트를 사용하고로드가 트리거 된 후에 만 ​​관련 링크 / 클릭 이벤트를 활성화하십시오. 이미지로 IT 이미지를 수행하는 이점 이미지는 특정 이미지가 더 오래 걸리면 더 오래 걸릴 수있는 경우 빠른 것들이 '클릭 가능'할 수 있습니다.

   각 $ ( 'img')를 트리거 할 수 있습니다. Load () 이벤트를 사용하고로드가 트리거 된 후에 만 ​​관련 링크 / 클릭 이벤트를 활성화하십시오. 이미지로 IT 이미지를 수행하는 이점 이미지는 특정 이미지가 더 오래 걸리면 더 오래 걸릴 수있는 경우 빠른 것들이 '클릭 가능'할 수 있습니다.

   $('img').load(function() {
       // find the related link or click event and enable/add it
   });
   

3. ---

   3.모든 이미지가로드되는지 확인하는 대신, 일반 $ (문서) .Ready ()가 아닌 $ (윈도우) .Load () 이벤트를 사용하여 슬라이더 / 회전자가 생성되지 않으셨습니까? $ (윈도우). LOAD () 이미지와 같은 리소스를 포함하여 로딩을 완료하는 페이지를 대기합니다.

   모든 이미지가로드되는지 확인하는 대신, 일반 $ (문서) .Ready ()가 아닌 $ (윈도우) .Load () 이벤트를 사용하여 슬라이더 / 회전자가 생성되지 않으셨습니까? $ (윈도우). LOAD () 이미지와 같은 리소스를 포함하여 로딩을 완료하는 페이지를 대기합니다.

   다음을 참조하십시오. window.onload 대 body.onload vs. document.onready (스택 오버 플로우에서도).

from https://stackoverflow.com/questions/5424055/check-if-images-are-loaded by cc-by-sa and MIT license