Gaiaxでアルバムを作ろう(1)

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


Gaiaxページの編集画面から「お知らせ欄」に下のソースを編集してコピー&ペーストで貼り付けてください。
//以下を<head>〜</head>に入れてください。(Gaiax以外で作る場合は画像を同じフォルダー内に入れてください。)
//Gaiaxで利用する場合は画像部分を編集して「お知らせ欄」貼り付けてくださいに。

<TITLE>アルバム(ボタンで写真を前後できます)</TITLE>
<META http-equiv=content-type content=text/html;charset=Shift_JIS>
<META content="MSHTML 6.00.2900.2769" name=GENERATOR>

<script language="JavaScript">
pic=new Array();
pic[0]="
http://www.****.ne.jp/***/***0.jpg"; //表紙になる1番目の画像を指定する
pic[1]="http://www.****.ne.jp/***/***1.jpg"; //2番目の画像を指定する
pic[2]="http://www.****.ne.jp/***/***2.jpg"; //3番目の画像を指定する
pic[3]="http://www.****.ne.jp/***/***3.jpg"; //4番目の画像を指定する
pic[4]="http://www.****.ne.jp/***/***4.jpg"; //5番目の画像を指定する、5番目以降追加も可能です。
kazu=0;
pics=new Array();
for(i=0; i<pic.length; i++)
 { pics[i]=new Image(); pics[i].src=pic[i]; }
 function img_load()
 {
 for(i=0; i<pic.length; i++)document.images["hidden"].src=pics[i].src;
 }
 function pic_hyouji(dotti)
 {
 if(kazu > -1 && kazu < pic.length)kazu+=dotti;
 else if(kazu == -1 && dotti == 1)kazu=1;
 else if(kazu == pic.length && dotti == -1)kazu=pic.length-2;
  if(dotti == -1 && kazu < 0)alert("これより前の画像はありません。");
 else if(dotti == 1 && kazu > pic.length-1)alert("これより後の画像はありません。");
 else { document.images["mypic"].src=pics[kazu].src; }
 }
//-->
</script>

</HEAD>


<body onLoad="img_load();">
<table border="1" cellpadding="5">
<tr><td>
<img src="http://www.****.ne.jp/***/***0.jpg" name="mypic" width="320" height="240" border="0" alt="niji0.jpg"><br>
</td></tr>
<tr><td align="center">
<form>
<input type="button" value=" 前 へ " onClick="pic_hyouji(-1);"> <input type="button" value=" 次 へ " onClick="pic_hyouji(1);">
<img src="" name="hidden" width="1" height="1" border="0">
</form>
</td></tr>
</table>