2014-02-18 1 views
0

긴 시간 리스너, 처음 발신자 ...JQuery와 이미지 프리로드 및 오류 검출

이 나는 ​​이미지의 배열을 미리로드하고이 표시되기 전에 누락 된 사람을 대체하기 위해 노력하고있어 페이지를 가지고있다. 나는 현재 잘 작동하지만 jQuery를 어떻게 사용합니까 깨진 링크

사전로드 기능

function preload(arrayOfImages) { 
    $(arrayOfImages).each(function(){ 
      $('<img/>')[0].src = this; 
    }); 
} 

사용

preload([image.jpg]); 

에 도움이되지 않는 표준 이미지 로더를 사용하고 있습니다 이미지 세트를 미리로드하고 끊어진 링크를 정적 링크로 교체하려면 페이지에서 사용하기 전에 모두? 아이디어는 누락 된 이미지를 방지하는 것입니다 '? 이제까지 나타납니다.

감사

답변

0

당신은 이미지가 제대로 장착되지 않은 경우 감지하는 jQuery를 error()를 사용할 수 있습니다.

흥미롭게도이이 누락 된 이미지이므로 대체가 발생하지 않을 때 화재로 표시되지 않습니다

$('<img/>').error(function() {$(this).attr("src","your_static_link_here");}); 
+0

을보십시오. '$ ('') [0] .src = this; \t \t \t $ ('')에는 .error (함수() { \t \t \t \t을 console.log ('오류로드'); \t \t \t \t $ (이) .attr ("SRC", "HTTP : //www.google.de/images/srpr/logo11w.png "); \t이 \t \t \t \t \t \t}); maccaj22 @' – maccaj22

+0

당신이 바이올린을 제공 할 수 있습니까? – laaposto