[Javascript] 배열로 이미지 가져오기

728x90

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script language="JavaScript">
    mybook = new Array()
    for (i = 0; i < 5; i++) {
        mybook[i] = new Image()
        mybook[i].src = "book" + i + ".gif";
    }
 
    function show(n) {
        document.images["book"].src = mybook[n].src;
        for (i = 0; i < 5; i++) {
            document.images["blank" + i].src = 'blank.gif';
        }
        document.images["blank" + n].src = 'arrow.gif';
    }
</script>
    <center>
        <table cellpadding="20" cellspacing="20">
            <tbody><tr>
                <td>
                    <img src="arrow.gif" name="blank0">
                    <a href="#" onclick="show(0)">1.Beginnig Java2 JDK 1.3 Edition</a><br>
                    <img src="blank.gif" name="blank1">
                    <a href="#" onclick="show(1)">2.알기쉬운 네트워크와 인터넷</a><br>
                    <img src="blank.gif" name="blank2">
                    <a href="#" onclick="show(2)">3.ACS 자격증 필기시험 대비</a><br>
                    <img src="blank.gif" name="blank3">
                    <a href="#" onclick="show(3)">4. Understanding Microsoft Windows 2000 Distributed Services</a><br>
                    <img src="blank.gif" name="blank4">
                    <a href="#" onclick="show(4)">5. Mastering eCommerce Development : Business to Business</a>
                </td>
                <td>
                    <img src="book0.gif" name="book" border="0">
                </td>
            </tr>
        </tbody></table>
        <h3>링크를 누르면 이미지가 변합니다.</h3>
    </center>
 
Colored by Color Scripter
cs