태

이미지 없으면 자동으로 No Image 출력

· 2008-12-20 (토) 15:28:11 · 3899 · 3

<!--
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에서 이동 됨]
|

댓글 3개

이것도 jQuery로 되네요. ㅎㅎ
noimage.gif가 미리 로딩되어 있지 않으면 첫 화면에서는 엑박이 뜨네요 ㅠㅠ
<img src='http://img.todaystory.net/img/60cbf196c58baa0f12426d183b93fc2f.gif' width='1' height='1' />을 미리 올려놓고 사용하면 될듯...
감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,094
12-08-07 조회 3,766
12-08-03 조회 3,588
12-07-31 조회 3,681
12-07-30 조회 3,629
12-07-16 조회 3,856
12-07-15 조회 3,642
12-07-07 조회 3,532
12-07-06 조회 3,742
12-07-03 조회 3,701
12-06-29 조회 3,298
12-06-22 조회 3,677
12-06-17 조회 3,928
12-05-21 조회 3,844
12-05-02 조회 3,406
12-05-02 조회 4,203
12-05-02 조회 3,315
12-04-30 조회 3,497
12-04-30 조회 3,191
12-03-17 조회 4,043
12-03-10 조회 3,388
12-03-08 조회 3,914
12-03-03 조회 3,607
12-02-27 조회 5,028
12-02-17 조회 4,338
12-02-16 조회 4,590
12-02-03 조회 3,296
12-01-31 조회 3,194
12-01-24 조회 3,177
12-01-17 조회 3,889
12-01-05 조회 3,438
11-12-30 조회 3,172
11-12-23 조회 4,727
11-12-08 조회 3,453
11-12-07 조회 4,443
11-11-27 조회 3,851
11-11-25 조회 4,190
11-11-23 조회 3,644
11-11-22 조회 3,504
11-11-09 조회 3,218
11-10-23 조회 3,142
11-10-19 조회 3,108
11-10-08 조회 2,799
11-10-04 조회 2,806
11-10-04 조회 5,248
11-09-01 조회 4,328
11-08-13 조회 2,503
11-08-06 조회 3,184
11-07-11 조회 3,584
11-06-27 조회 2,956
11-06-21 조회 2,629
11-06-13 조회 2,420
11-06-07 조회 2,423
11-05-26 조회 2,405
11-04-20 조회 2,719
11-03-21 조회 2,812
11-03-18 조회 2,510
11-03-11 조회 2,535
11-02-07 조회 2,361
11-01-18 조회 2,683
11-01-12 조회 2,403
11-01-06 조회 2,506
10-12-10 조회 2,764
10-12-09 조회 2,601
10-12-08 조회 5,040
10-11-29 조회 2,701
10-11-28 조회 2,786
10-11-28 조회 2,624
10-11-19 조회 2,811
10-11-04 조회 2,698
10-10-21 조회 2,420
10-10-19 조회 3,362
10-10-12 조회 2,691
10-10-07 조회 2,520
10-09-30 조회 3,478
10-09-17 조회 3,886
10-09-17 조회 3,838
10-05-31 조회 3,538
09-12-31 조회 3,665
09-07-23 조회 4,992
08-09-16 조회 3,208
08-09-06 조회 2,949
08-09-04 조회 3,363
08-08-16 조회 4,410
08-08-15 조회 3,279
08-08-14 조회 4,493
08-08-12 조회 3,967
08-07-23 조회 2,786
08-07-10 조회 3,735
08-07-04 조회 2,953
08-06-27 조회 7,597
08-06-19 조회 4,893
08-05-27 조회 5,507
08-05-25 조회 5,333
08-05-23 조회 3,411
08-05-23 조회 4,564
08-05-21 조회 4,927
08-05-20 조회 4,049
08-05-20 조회 3,284
08-04-18 조회 4,327