備忘録へ


サイズ可変スライドショー
お好みのサイズにしてご覧ください。


ソースは次のようになります
<html>
<head>
<META http-equiv="Content-Script-Type" content="text/javascript">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
<title>サイズ可変スライショード</title>
<script language="javascript">
<!--
fil=new Array();
url="./";//写真のあるＵＲＬ又はフォルダ
//写真ファイル名とコメントを「,（コンマ）」で区切って書く
n=0;
n++;fil[n]="is01.jpg,庭　1";
n++;fil[n]="is02.jpg,Titian　Europa";
n++;fil[n]="is03.jpg,庭　2";
n++;fil[n]="is04.jpg,Blue Room";
n++;fil[n]="is05.jpg,Rembrandt Seif-Portrait";
n++;fil[n]="is06.jpg,庭　3";
n++;fil[n]="is07.jpg,ヴェニスにおけるイザベラ";
n++;fil[n]="is08.jpg,庭　4";
//最初に表示する写真の大きさを設定してください。
img_h=300; //タテ長さ（ピクセル）
img_w=400; //ヨコ長さ（ピクセル）

maisu=8;//サムネールの一行の枚数(「 0 」にするとサムネール非表示になります）
kankaku=3000;//スライド間隔(ミリ秒)
//-->
</script>
</head>
<body bgcolor=#cceedd onLoad="focus();chg()">
<center>
<font size=6>サイズ可変スライドショー</font><br>
お好みのサイズにしてご覧ください。
<script language="javascript" src="http://qpon.quu.cc/java/zoom/zoom.js">
</script>
</center>

</body>
</html>
n++;fil[n]="is01.jpg,庭　1";
n++;fil[n]="is02.jpg,Titian　Europa";
n++;fil[n]="is03.jpg,庭　2";
n++;fil[n]="is04.jpg,Blue Room";
n++;fil[n]="is05.jpg,Rembrandt Seif-Portrait";
n++;fil[n]="is06.jpg,庭　3";
n++;fil[n]="is07.jpg,ヴェニスにおけるイザベラ";
n++;fil[n]="is08.jpg,庭　4";		 画像は必ず、同じフォルダに入れる
還暦ＱＰＯＮホームページ　http://www2a.biglobe.ne.jp/~qpon/を参考にしました。