Gaiaxでアルバムを作ろう（３）

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


Gaiaxのページで使用する場合は、使用する写真全ての「*****.jpg」ファイルと
下のソースの青い文字の部分を編集して「*******.html　」で保存したファイルをGaiax以外のホームページにアップして、
そのアドレスにGaiaxの追加ページからリンクしたり、
Gaiaxのページの任意の場所にインラインフレームで表示して、スライドショーを見せます。　　　

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">

<TITLE>タンカースライドショー</TITLE>

<SCRIPT language="JavaScript">
<!--
var time=2; 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
var rtime=5000;　　　　 // 写真切替の時間、ここでは５秒になっています。

var image= new Array();
image[0]='http://www47.tok2.com/home/donbey/dc0510.jpg';
image[1]='http://www47.tok2.com/home/donbey/dc0511.jpg';
image[2]='http://www47.tok2.com/home/donbey/dc0512.jpg';
image[3]='http://www47.tok2.com/home/donbey/dc0513.jpg';
image[4]='http://www47.tok2.com/home/donbey/dc0514.jpg';
image[5]='http://www47.tok2.com/home/donbey/dc0515.jpg';
image[6]='http://www47.tok2.com/home/donbey/dc0516.jpg';
function randimage(){
imgframe.filters.blendTrans.Apply();
imgframe.filters.blendTrans.duration=time;
x=Math.floor(Math.random() * image.length);
imgframe.src=image[x];
imgframe.filters.blendTrans.Play();
t=setTimeout('randimage()',rtime);
}
//-->
</SCRIPT>
<STYLE type="text/css">
<!--
H1.TITLE {
font-size : 22 pt;
font-family : "AR勘亭流H";
color : #0000FF;
}
-->
</STYLE>
</HEAD>
<BODY bgcolor="" onLoad="randimage()">
<DIV align="center">
<H1 class="TITLE">汐見埠頭のタンカー</H1>
<IMG src='http://www47.tok2.com/home/donbey/dc0510.jpg' id="imgframe" style="filter:blendTrans"><BR>
<BR>
<FONT color="#0000ff">5秒ごとに画像が変化します。</FONT></DIV>
</BOBY>
</HTML>