<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script language="JavaScript"> <!--//Copyright (C) WEST MiRa http://www.west-mira.jp pic=new Array(); moji=new Array(); //表紙になる1番目の画像を指定する pic[0]="../syasinnsyuu.gif"; //表紙になる1番目の文字を指定する moji[0]="いろんな色です。"; //2番目の画像を指定する pic[1]="0.gif"; //2番目の文字を指定する moji[1]="ピンクです。"; //3番目の画像を指定する pic[2]="1.gif"; //3番目の文字を指定する moji[2]="濃いピンクです。"; //4番目の画像を指定する pic[3]="2.gif"; //4番目の文字を指定する moji[3]="ベージュです。"; //文字を表示する欄の横幅を指定する pic_width=351; //文字を表示する欄の横位置を指定する x_iti=30; //文字を表示する欄の縦位置を指定する y_iti=500; my_timer=5; pics=new Array(); for(i=0; i<pic.length; i++) { pics[i]=new Image(); pics[i].src=pic[i]; } function img_load() { for(i=0; i<pic.length; i++)document.images["hidden"].src=pics[i].src; pic_hyouji(); } kazari='<table width="'+pic_width+'"><tr><td>'; kazari2='</td></tr></table>'; kazu=0; my_time=0; function pic_hyouji() { document.images["mypic"].src=pics[kazu].src; if(document.layers){ x_iti=(outerHeight-pic_width)/2+x_iti; document.layers["lay0"].moveTo(x_iti,y_iti); document.layers["lay0"].document.open(); document.layers["lay0"].document.write(kazari+moji[kazu]+kazari2); document.layers["lay0"].document.close(); document.layers["lay0"].visibility='show';} else if((document.getElementById) && (!document.all)){ document.getElementById("lay0").innerHTML=kazari+moji[kazu]+kazari2; document.getElementById("lay0").style.visibility='visible';} else if(document.all){ document.all("lay0").innerHTML=kazari+moji[kazu]+kazari2; document.all("lay0").style.visibility='visible';} kazu++; if(kazu>pic.length-1)kazu=0; clearTimeout(my_time); my_time=setTimeout('pic_hyouji();',my_timer*1000); } //--> </script> </head> <body onLoad="img_load();"> <table border="1" cellpadding="0" bgcolor="#f4d0ab"> <tr><td> <img src="../syasinnsyuu.gif" name="mypic" width="350" height="216" border="0" alt="サンプル画像"><br> </td></tr> <tr><td height=60> <img src="" name="hidden" width="1" height="1" border="0"> <span id="lay0" style="position:absolute;visibility:hidden;"></span><br> </td></tr> </table> ・ ・ ・ </body></html>
