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



  • 写真はクリックした方向にめくれます。
  • デモを縦めくりに変更する。



  • <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,1";//コメント文字サイズ,文字色,読上げ=1 page=2;//手動めくる=0 自動めくり=1 自動一巡後手動=2 //イメージデータ ur="./";//ファイルが別の場所にある場合はフルパスを書く //   ファイル名とコメントを[ ,]で区切って書く// //コメントの後ろに「,stop」で自動が停止し「,back」で反転する。 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,ヒメアカタテハ,stop"; //--> </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 src="https://qpon-toyota.com/java/book/book3.js"> </script> <button onClick="at()">自動/手動</button> </td></tr></table> </center> </body> </html>
    book3.jsを改造したい方はここをクリックしてダウンロードしてください