명

DHTML Image Thumbnail Chooser

· 2008-08-08 (금) 15:20:19 · 3057
<style>
body {
        background-color:#000000;
        color:#E27907;
        font-family:Verdana,Arial;
        font-size:10pt;
        letter-spacing:2;
}
.thumbNormal {
        border:4px solid #000000;
        cursor: pointer;
}
.thumbSelected {
        border:4px solid #ff0000;
}
</style>

<script language="JavaScript" type="text/javascript">
var lastID = 0;
function SelectImg(id) {
        if (lastID > 0)
                document.getElementById(lastID).className = "thumbNormal";
        document.getElementById(id).className = "thumbSelected";
        regex = /_tn/;
        document.getElementById(0).src = document.getElementById(id).src.replace(regex, ");
        lastID = id;
}
function LoadTrigger() {
        SelectImg(1);
}
window.onload = LoadTrigger;
</script>

Click a photo on the left to view full image.
<table border="0">
  <tr>
    <td valign="top"><img id="1" class="thumbNormal" src="/images/family_tn.jpg" width="100" height="50" onclick="SelectImg(1)" /> <br />
      <img id="2" class="thumbNormal" src="/images/ourdog_tn.jpg" width="100" height="50" onclick="SelectImg(2)" /> <br />
      <img id="3" class="thumbNormal" src="/images/fish_tn.jpg" width="100" height="50" onclick="SelectImg(3)" /></td>
    <td width="15"></td>
    <td valign="top"><img id="0" src="" /></td>
  </tr>
</table>
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
08-10-30 조회 2,690
08-10-30 조회 2,787
08-10-20 조회 2,517
08-10-11 조회 2,423
08-09-20 조회 4,165
08-09-20 조회 2,835
08-09-18 조회 2,704
08-09-18 조회 3,414
08-09-17 조회 3,282
08-09-05 조회 4,623
08-09-03 조회 2,741
08-08-18 조회 2,888
08-08-17 조회 2,625
08-08-13 조회 3,406
08-07-30 조회 3,468
08-07-28 조회 4,346
08-07-22 조회 5,575
08-07-22 조회 4,058
08-07-10 조회 3,027
08-07-08 조회 3,091
08-06-30 조회 3,852
08-06-30 조회 3,338
08-06-30 조회 3,650
08-06-14 조회 2,718
08-06-11 조회 7,085
08-06-05 조회 3,300
08-05-20 조회 4,816
08-05-13 조회 4,147
08-05-08 조회 3,104
08-05-08 조회 5,258
08-04-25 조회 4,056
08-04-22 조회 4,519
08-04-21 조회 3,165
08-04-17 조회 2,543
08-04-17 조회 2,945
08-04-17 조회 2,247
08-04-17 조회 5,213
08-04-17 조회 4,533
08-04-17 조회 4,523
08-04-17 조회 3,305
08-04-17 조회 3,131
08-04-17 조회 3,622
08-04-17 조회 4,983
08-04-17 조회 5,133
08-04-17 조회 3,344
08-04-04 조회 4,590
08-04-04 조회 2,819
08-04-04 조회 2,563
08-04-04 조회 2,794
08-04-04 조회 2,536
08-04-04 조회 2,765
08-04-03 조회 2,657
08-04-03 조회 2,724
08-04-02 조회 3,042
08-04-02 조회 3,191
08-03-31 조회 3,087
08-03-26 조회 4,256
08-03-11 조회 2,948
08-03-11 조회 2,360
08-03-11 조회 2,369
08-03-07 조회 4,197
08-03-07 조회 3,295
08-03-06 조회 4,740
08-03-04 조회 3,381
08-02-19 조회 3,774
08-02-03 조회 3,401
08-01-18 조회 3,980
08-01-15 조회 3,434
08-01-12 조회 4,281
08-01-12 조회 3,848
08-01-12 조회 3,800
07-12-24 조회 3,087
07-11-30 조회 3,930
07-11-08 조회 4,988
07-11-06 조회 3,844
07-10-26 조회 4,990
07-10-24 조회 4,172
07-10-22 조회 3,564
07-10-19 조회 4,745
07-10-09 조회 4,881
07-10-09 조회 6,747
07-10-05 조회 3,077
07-10-05 조회 4,014
07-10-03 조회 7,526
07-10-03 조회 3,569
07-10-03 조회 2,912
07-10-03 조회 2,848
07-09-28 조회 4,687
07-09-27 조회 3,753
07-09-27 조회 3,207
07-09-13 조회 3,349
07-08-28 조회 3,442
07-08-04 조회 4,828
07-08-01 조회 5,521
07-08-01 조회 4,929
07-07-30 조회 5,434
07-07-29 조회 3,575
07-07-21 조회 3,419
07-07-18 조회 5,371
07-07-16 조회 3,173