マルチウインドウ型スライドショー
いろんなサイトのページで構成するスライドショーのツールとして使えます。
デモはQLINKの会員がそれぞれのサーバーに作った年賀状ページをスライドショーにしてみたものです。

ソース
<html> <head> <title>マルチウインドウ型スライドショー</title> <meta http-equiv=Content-Type content="text/html; charset=Shift_JIS"> <script language="javascript"> <!-- dt=new Array(); n=0; //データ///タイトル,ページのURL///////// n++;dt[n]="宮本幸雄,http://qpon.cool.ne.jp/qpon/nenga/2004/nenga04.htm"; n++;dt[n]="進藤耕太郎,http://club.pep.ne.jp/~k.sindou/Z/nenga/2004.html"; n++;dt[n]="中園三宏,http://www.synapse.ne.jp/~m3naka/q_nenga.htm"; n++;dt[n]="小さな画室,http://www.ne.jp/asahi/fjk/art/image119.gif"; n++;dt[n]="武本健一,http://pureweb.jp/~takeken/temp/nenga1.html"; n++;dt[n]="平野吉孚,http://www.asahi-net.or.jp/~xp4y-hrn/2004nenga.htm"; n++;dt[n]="小太郎,http://minoru-k.web.infoseek.co.jp/nenga16.html"; n++;dt[n]="辻早苗,http://fry.cool.ne.jp/nenga/nenga2.htm"; n++;dt[n]="けい・T,http://www1.u-netsurf.ne.jp/~tommy930/nengaqpon2/nenga.html"; n++;dt[n]="杉村偕子,http://www.ioctv.zaq.ne.jp/sugimura/nenga04.htm"; n++;dt[n]="大工のげん,http://daiku-gen.lolipop.jp/douga/newpage31.htm"; n++;dt[n]="松本昌彦,http://homepage2.nifty.com/~matumoto/m_nenga04.htm"; ///////////////// win_no=0; y=60; at_flg=0; //新窓セット function at(){ fcs(); if(at_flg==0){ nn++; if(nn>n){nn=1;} dd=dt[nn].split(",");xx[win_no]=(kankaku*3); win[win_no]=window.open("","","width=326,height=470,left="+xx[win_no]+",top="+y); win_io(); win_no++; at_flg=1; blur(); mv(); } at_tim=setTimeout("at()",10000); } //窓のHTML function win_io(){ win[win_no].document.open(); l='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">'; l+='<HTML><HEAD><TITLE>'+dd[0]+'さん からの年賀状 </TITLE>'; l+='<META http-equiv=Content-Type content="text/html; charset=Shift_JIS">'; l+='</HEAD>'; l+='<frameset "rows=*" border=0>'; l+='<frame src="'+dd[1]+'" name="frame1" scrolling="no">'; l+='<frame name="frame1" scrolling="no">'; l+='</frameset>'; l+='</HTML>'; win[win_no].document.write(l); win[win_no].document.close(); } //窓移動 function mv(){ if(xx[win_no-3]<=0){ clearTimeout(ido); if(win[win_no-4].closed==false){ win[win_no-4].close(); } at_flg=0; return; } for(i=4;i>0;i--){ xx[win_no-i]-=5; if(win[win_no-i].closed==false){ win[win_no-i].moveTo(xx[win_no-i],y); } } ido=setTimeout("mv()",10); } //終わり function end(){ clearTimeout(at_tim); cls(); } //閉じる function cls(){ for(i=1;i<=4;i++){ if(win[win_no-i].closed==false){ win[win_no-i].close(); } } if(button.closed==false){ button.close(); } } //フォーカス function fcs(){ for(i=1;i<3;i++){ if(win[win_no-i].closed==true){ win[win_no-i].focus(); } } if(button.closed==true){ button.focus(); } } //静止 mov_flg=0; function stp(){ if(mov_flg==0){ if(at_flg==1){ clearTimeout(ido); } clearTimeout(at_tim); mov_flg=1; button.document.btn.sw.value="起 動"; }else{ if(at_flg==1){ ido=setTimeout("mv()",10); } at_tim=setTimeout("at()",10000); mov_flg=0; button.document.btn.sw.value="静 止"; } } //--> </script> </head> <body onLoad="at()" onUnload="cls()"> <center> <font size=6>マルチウインドウ型スライドショー</font> </center> <script language="javascript"> <!-- //小窓配置 nn=0; win=new Array(); xx=new Array(); kankaku=screen.width/3; if(kankaku<330){kankaku=330;} for(i=0;i<3;i++){ nn++;dd=dt[nn].split(",");xx[win_no]=(kankaku*i); win_op="width=326,height=470,left="+xx[win_no]+",top="+y; win[win_no]=window.open("","",win_op); win_io(); win_no++; } //ボタンウインドウ button=window.open("","","width="+screen.width+",height=130,top=0,left=0"); button.document.open(); l='<html><head><title></title></head>\n'; l+='<body text=#ffffff leftmargin=0>\n'; l+='<table ><tr height=60><td></td></tr></table>\n'; l+='<table width=100% bgcolor=#ff0000 border=0><tr height=50>\n'; l+='<form name="btn">\n'; l+='<th width=60 align=center><input type=button value="静 止" name="sw" onClick="opener.stp()"></th>\n'; l+='<th><font size=6><b>年賀状</b></font></th>\n'; l+='<th width=60 align=center>\n'; l+='<input type=button value="閉じる" onClick="opener.end();"></th>\n'; l+='</form>\n'; l+='</tr></table>\n'; l+='</body>\n'; l+='</html>\n'; button.document.write(l); button.document.close(); button.moveTo(-4,-100); button.focus(); //--> </script> </body> </html>