[Back]

Change Image2
〜クリックによる画像の入れ替え〜


■ プレビュー

Board1
Board2

■ ソース

<script language="JavaScript">
<!--
function icon() {}
//-->
</script>
<script language="JavaScript">
<!--
icon = new Array(3) 
icon[0] = new Image(); icon[0].src = "../img/boat_c.gif";
icon[1] = new Image(); icon[1].src = "../img/board1_c.gif";
icon[2] = new Image(); icon[2].src = "../img/board2_c.gif";
function SetIcon(flag) {
    document.images[0].src=icon[flag].src;
}
// --></script>

■ 使い方

  1. 上のプログラムを、文章を表示したいhtmlファイルにコピーして下さい。
  2. icon[1]〜[2].src に書き換える画像を入れます。画像のあるパス指定を間違わないように。
  3. 画像を表示したい部分に、次のように記述してください。
    <img src="../img/boat_c.gif" width="170" height="171">
    ・<a href="#" onmouseover="SetIcon(1)"
    onmouseout="SetIcon(0)"><B>Board1</B></a>
    ・<a href="#" onmouseover="SetIcon(2)"
    onmouseout="SetIcon(0)"><B>Board2</B></a>