クリックで画像を切替え表示する

Gaiax のページでスライド式のアルバムを作って見ましょう。
ただし、写真はGaiax 以外のHPスペースにアップする所を見つけましょう。
写真にアドレスを付ける事が出来たら後はソースを貼り付けるだけです。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　


Gaiaxページの編集画面から「お知らせ欄」に下のソースを編集してコピー＆ペーストで貼り付けてください。

<TITLE>クリックでスライドショー</TITLE>

<STYLE type="text/css">
<!--
H1.TITLE {
font-size : 22 pt;
font-family : "AR勘亭流H";
color : #0000FF;
}
-->
</STYLE>

</HEAD>

<BODY BGCOLOR="#FFFFcc">

<DIV align="center">
<H1 class="TITLE">汐見埠頭のタンカー</H1>

<!-- 最初に表示する写真の定義 -->
<P>
<IMG ID=img1 SRC="画像のURL　***1.jpg" onClick="picchange()" BORDER="0" WIDTH="320" HEIGHT="240">
</P>

<!-- 写真の下に入れる文字 -->
<P><FONT color="#ff0000">クリックすると次の写真が表示されます</FONT></P>
</DIV>

<SCRIPT LANGUAGE="JavaScript">
<!--
var imgselect=1;　　　　　　　　　　　　　　　// カウントする変数の定義

function picchange(){

switch(imgselect){
case 0:　　　　　　　　　　　　　　　　　　　　// １つ目の画像に切り替える処理と次に表示する画像の準備
img1.src = "画像のURL　***1.jpg";
imgselect++;
break
case 1:　　　　　　　　　　　　　　　　　　　　// ２つ目の画像に切り替える処理と次に表示する画像の準備
img1.src = "画像のURL　***2.jpg";
imgselect++;
break
case 2:　　　　　　　　　　　　　　　　　　　　// ３つ目の画像に切り替える処理と次に表示する画像の準備
img1.src = "画像のURL　***3.jpg";
imgselect++;
break
case 3:　　　　　　　　　　　　　　　　　　　　// ４つ目の画像に切り替える処理と次に表示する画像の準備
img1.src = "画像のURL　***4.jpg";
imgselect=0;
break
}
}
//-->
</SCRIPT>