명

DHTML Image Thumbnail Chooser

· 2008-08-08 (금) 15:20:19 · 3042
<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-09-05 조회 4,602
08-09-05 조회 3,543
08-09-05 조회 5,132
08-09-05 조회 3,008
08-09-05 조회 3,618
08-09-05 조회 3,523
08-09-05 조회 2,960
08-09-05 조회 3,481
08-09-04 조회 3,375
08-09-04 조회 3,293
08-09-03 조회 4,478
08-09-03 조회 3,432
08-09-03 조회 2,729
08-09-03 조회 2,726
08-09-03 조회 3,430
08-09-01 조회 4,539
08-08-29 조회 3,539
08-08-28 조회 2,793
08-08-28 조회 5,577
08-08-27 조회 3,295
08-08-21 조회 4,832
08-08-18 조회 7,429
08-08-18 조회 2,902
08-08-18 조회 2,873
08-08-18 조회 2,477
08-08-17 조회 2,617
08-08-16 조회 4,419
08-08-15 조회 3,288
08-08-15 조회 3,889
08-08-14 조회 2,499
08-08-14 조회 4,500
08-08-13 조회 3,389
08-08-12 조회 3,974
08-08-11 조회 2,653
08-08-10 조회 3,027
08-08-09 조회 2,358
08-08-08 조회 2,466
08-08-08 조회 3,043
08-08-08 조회 2,408
08-08-08 조회 5,535
08-08-07 조회 2,789
08-08-05 조회 3,210
08-08-03 조회 8,410
08-08-03 조회 2,556
08-08-02 조회 3,135
08-08-01 조회 4,490
08-07-31 조회 2,461
08-07-31 조회 3,192
08-07-31 조회 2,329
08-07-31 조회 3,030
08-07-30 조회 3,456
08-07-28 조회 4,332
08-07-25 조회 2,441
08-07-23 조회 2,528
08-07-23 조회 2,793
08-07-22 조회 2,415
08-07-22 조회 5,563
08-07-22 조회 5,162
08-07-22 조회 4,047
08-07-20 조회 2,755
08-07-19 조회 2,528
08-07-18 조회 2,912
08-07-18 조회 3,800
08-07-17 조회 2,909
08-07-15 조회 3,290
08-07-15 조회 2,479
08-07-11 조회 2,233
08-07-11 조회 2,315
08-07-10 조회 4,267
08-07-10 조회 3,742
08-07-10 조회 3,279
08-07-10 조회 3,299
08-07-10 조회 3,012
08-07-10 조회 3,466
08-07-10 조회 3,294
08-07-10 조회 3,150
08-07-08 조회 3,077
08-07-08 조회 2,348
08-07-06 조회 3,036
08-07-06 조회 3,560
08-07-05 조회 3,583
08-07-04 조회 2,960
08-07-03 조회 2,735
08-07-03 조회 2,614
08-07-02 조회 3,766
08-06-30 조회 3,835
08-06-30 조회 3,319
08-06-30 조회 3,631
08-06-28 조회 3,957
08-06-27 조회 2,499
08-06-27 조회 2,427
08-06-27 조회 7,601
08-06-27 조회 2,364
08-06-25 조회 2,803
08-06-24 조회 3,017
08-06-24 조회 2,273
08-06-23 조회 2,345
08-06-19 조회 3,141
08-06-19 조회 2,752
08-06-19 조회 4,903