이미지 없으면 자동으로 No Image 출력 정보
jQuery 이미지 없으면 자동으로 No Image 출력본문
<!--
img태그에서 src대신 file을 적으면 됩니다.
src로 하게 되면 실시간으로 로딩되서 일괄적으로 에러검출이 힘들더군요.
-->
<img file="ddd.jpg" />
<script type="text/javascript">
for (var i = 0; i < 1000000; i++) {}
</script>
<img file="http://img.todaystory.net/img/418aa7babc48d2d3d8c671d7e6a3b4a7.gif" />
<img file="ddd.jpg" />
<img file="ddd.jpg" width="100" height="100" />
<img file="ddd.jpg" />
<script type="text/javascript">
$.fn.chkimg = function() {
this.find('img[file*=.]')
.error(
function() {
$(this).attr('src', 'http://img.todaystory.net/img/60cbf196c58baa0f12426d183b93fc2f.gif');
}
)
.attr('src',
function() {
return $(this).attr('file');
}
);
}
$(
function() {
$('body').chkimg();
}
);
</script>
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
추천
1
1
댓글 3개
이것도 jQuery로 되네요. ㅎㅎ
noimage.gif가 미리 로딩되어 있지 않으면 첫 화면에서는 엑박이 뜨네요 ㅠㅠ
<img src='http://img.todaystory.net/img/60cbf196c58baa0f12426d183b93fc2f.gif' width='1' height='1' />을 미리 올려놓고 사용하면 될듯...
<img src='http://img.todaystory.net/img/60cbf196c58baa0f12426d183b93fc2f.gif' width='1' height='1' />을 미리 올려놓고 사용하면 될듯...
감사합니다.