jquery를 사용하여 모든 이미지를 검사합니다.

Question

이것이 꽤 대중적인 질문 인 줄 압니다 만, 결정적인 해결책을 찾지 못했습니다. 여러 이미지를로드하는 동적 생성 페이지가 있습니다. 때때로 우리 자신의 잘못이 없기 때문에 존재하지 않는 이미지에 대한 참조가있을 수 있습니다.

$(document).ready(

모든 이미지가 로딩을 완료 한 것으로 가장 정확한 표시가 없습니다 : 이해하기 때문에이 작업을 수행하는 것이 가장 좋은 때 어떤 일이 오히려 깨진 이미지 링크에 대한 모든 이미지를 스캔하는 가장 좋은 방법, 또는. 모든 이미지가 클래스 이름 .myImage를 공유하는 데 도움이된다면.

감사합니다.

업데이트. 나는이 시도하지만 크롬에서 동작하지 않습니다 :

$(window).load(function(){ 
    $('.myImage').error(function(){ 
     //do something 
    }); 
}); 

Answer 1

.load()

$(window).load(function() { 

)} 

설명을 사용해보십시오

the docs here에서로드 이벤트가 요소에 보낼 때 그것을 모든 하위 요소에는 이 완전히로드되었습니다. 이 이벤트는 이미지, 스크립트, 프레임, iframe 및 창 객체와 같은 URL과 연결된 모든 요소 으로 보낼 수 있습니다.

대안은 (는 가능한 경우)

<img src="yourimage.gif" onload="loaded(this)" /> 

그런 다음로드 이미지를 계속 추적하기 위해 loaded() 기능을 사용할 수있는 <img 태그를 업데이트하는 것입니다. Details on the load event

Answer 2

발견. 트릭을

imagesLoaded