img 에러시 텍스트로 바꾸고 싶습니다.
조회수 835회
img를 불러올때 정상적으로 로드가 되지 않으면 텍스트로 바꾸고 싶은데 에러가 난 이미지만 변경 하고 싶습니다.
a라는 테이블에 여러개 이미지가 로드 된다면
$(".a img").error(function() { $("에러가 난 이미지").addClass("error"); });
$(".error").replaceWith("<p>
이미지 오류</p>
");
이런식으로 나타내고 싶은데 에러가 난 이미지만 선택하는 방법을 모르겠네요.
의견 주시면 감사하겠습니다.
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
원래는 lazy load 추천해 드리려고 했는데 각 이미지에 onError 이벤트 콜백을 부여하면 한방에 해결되네요. 이런 이벤트도 있다는걸 지금 알은 건 비밀...
DEMO를 짜보았으니 참고하세요.
댓글 입력