는 내 페이지에 일부 이미지가

Question

이미지를 함께 작동하도록 LazyLoad과의 OnError를 가져올 수 없습니다 : (예를 들어, abc.jpg이 존재하지 않기 때문에) 이미지를로드 할 수없는 경우

<img src="http://www.abc/images/abc.jpg" /> 

을 다음, 내가 대신 "기본"이미지를 보여줍니다 내 이미지에 LazyLoad를 추가하고 더 가벼운 기본 이미지를로드하는 경우

<img src="http://www.abc/images/abc.jpg" onerror="this.src='http://www.abc/images/default.jpg'" /> 

를, 그것은된다 :

<img 
    class="lazy" 
    data-original="http://www.abc/images/abc.jpg" 
    src="http://www.abc/images/graydefault.jpg" 
    onerror="this.src='http://www.abc/images/default.jpg'" /> 

이제 페이지가로드되면 실제 이미지를로드하기 전에 먼저 가벼운 이미지를로드합니다.

하지만 실제 이미지가 없으면 어떻게됩니까? 가벼운 기본 이미지가 그대로 유지되지만 원하는 것은 아닙니다.

기본 이미지 (default.jpg)를 잘못로드하려면 어떻게해야합니까?

추신 : 기본 이미지가 상당히 무거워서 기본 이미지로로드하지 않는 것이 좋습니다.

Answer 1

lazyload js에 "나타나는"옵션을 사용하십시오. 이미지보기 포트에서 avaible 때 데이터 원본에 의해 오류 이미지의 src 로딩

appear: function(ele,settings) 
{ 
    $(ele).attr("src",$(ele).attr("data-original")); 
} 

이 기능을 대체 SRC를 게으른 부하 JS에서 다음 코드를 사용합니다. 데이터 원본 이미지 URL이로드되지 않으면 오류가 발생한 이미지가로드됩니다.