하이퍼링크로 제어하는 포토앨범 만들기 > 기술자료

• 목록

<script type="text/javascript">
  <!--
  imgsrc = new Array()
  for(i=0; i<5; i++) { // 이미지 총갯수를 입력
    imgsrc[i] = new Image()
    imgsrc[i].src = "photo_0"+(i+1)+".jpg";  
    // 파일명 photo_01.jpg  photo_02.jpg ... 연속번호
 
  }
  function show(n){
    document.images["img"].src = imgsrc[n].src; 
  }
  //-->
</script>

<table border="1" cellpadding="10" cellspacing="0">
  <tr>
    <td width="70">
      <a href="#" onClick="show(0)">1. 링크1</a><br>
      <a href="#" onClick="show(1)">2. 링크2</a><br>
      <a href="#" onClick="show(2)">3. 링크3</a><br>
      <a href="#" onClick="show(3)">4. 링크4</a><br>
      <a href="#" onClick="show(4)">5. 링크5</a>
    </td>
    <td><img src="photo_01.jpg" width="100" height="80" name="img"></td>
  </tr>
</table>