折りたたみスライドショー

菜園の花・花を折りたたみスライドショーにしてみました。
この内容はタグ入力を少し勉強が必要です。理解が出来れば作成できます。


折りたたみスライドショーVer3



ソース(最終更新日:2005年05 月05日) →改定080104
-------------------------------------------------------------------------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>QPONの折りたたみ式スライドショーVer3</title>
<script language="javascript">
<!--
dt=new Array();
//初期設定
wh=0;//めくり方式:横めくり=0 縦めくり=1
muki=1;//初期めくり方向(「←・↑」=1/「→・↓」=−1)
img_h=300;img_w=400;//イメージの縦横巾
tim=4000;//自動送り間隔(ミリ秒)
spac="30,#ffffcc";//余白の幅,色
moji="24,#ffff88";//コメント文字サイズ,文字色
page=1;//手動めくる=0 自動めくり=1

//イメージデータ
url="./";//ファイルが別の場所にある場合はフルパスを書く

//   ファイル名とコメントを[ ,]で区切って書く//
n=0;dt[n]="hyo25.jpg,ツマグロヒョウモン♀";
n++;dt[n]="hyo15.jpg,ツマグロヒョウモン♂";
n++;dt[n]="asama13.jpg,アサマイチモンジ";
n++;dt[n]="kiha03.jpg,キタテハ";
n++;dt[n]="kuro05.jpg,クロアゲハ";
n++;dt[n]="ageha12.jpg,アゲハチョウ";
n++;dt[n]="ao2.jpg,アオスジアゲハ";
n++;dt[n]="madara13.jpg,ゴマダラチョウ";
n++;dt[n]="aka03.jpg,ヒメアカタテハ";

//-->
</script>
</head>
<body>
<center>
<font size=5>折りたたみスライドショーVer3</font><br>
<br>
<table style="background:#aa6688;color:#ffffff;width=700" cellpadding=30>
<tr><td align=center>
<br>
<script language="javascript" src="http://qpon.quu.cc/java/book/book3.js">
</script>
<button onClick="at()">自動/手動</button>
</td></tr></table>
</center>
</body>
</html>

戻り