クリックすると画像が替わります。これも、Java Script です。

  1. 画像を6枚用意して「homepage」フォルダに保存します。

  2. 下記のスクリプトを「ヘッド」部分に記述します。
    画像ファイル名(slide1〜6.jpg)はお使いになるファイル名に変更します。
    画像の枚数を増やす場合は
    changeImg[5] = new Image(); changeImg[5].src = "slide6.jpg"; の次行 に
    changeImg[6] = new Image(); changeImg[6].src = "slide7.jpg"; と記述 します。


    <SCRIPT Language="JavaScript">
    <!--
    if(navigator.appVersion.charAt(0) >=3) {
     var changeImg= new Array();
      changeImg[0] = new Image(); changeImg[0].src = "slide1.jpg";
      changeImg[1] = new Image(); changeImg[1].src = "slide2.jpg";
      changeImg[2] = new Image(); changeImg[2].src = "slide3.jpg";
      changeImg[3] = new Image(); changeImg[3].src = "slide4.jpg";
      changeImg[4] = new Image(); changeImg[4].src = "slide5.jpg";
      changeImg[5] = new Image(); changeImg[5].src = "slide6.jpg";
           var changeCount = 0;
    function change() { if(changeCount < changeImg.length-1)  {
           changeCount++;
      } else {
           changeCount = 0;  }
     document.images["change_img"].src = changeImg[changeCount].src; }
    }
    //-->
    </SCRIPT>
    
  3. ボディ部分の画像を表示する個所に下記の記述をします。
    "slide1.jpg" を1枚目の画像ファイル名に変更します。
    idth="238" height="364" を使用する画像のサイズに変更します。


    <A HREF="javascript:change()"><IMG SRC="slide1.jpg" width="238" height="364" name="change_img" border="0"></A>