<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(); //表紙になる1番目の画像を指定する pic[0]="syasinnsyuu.gif"; //2番目の画像を指定する pic[1]="0.gif"; //3番目の画像を指定する pic[2]="1.gif"; //4番目の画像を指定する pic[3]="2.gif"; kazu=0; 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; } function pic_hyouji(dotti) { if(kazu > -1 && kazu < pic.length)kazu+=dotti; else if(kazu == -1 && dotti == 1)kazu=1; else if(kazu == pic.length && dotti == -1)kazu=pic.length-2; if(dotti == -1 && kazu < 0)alert("これより前の画像はありません。"); else if(dotti == 1 && kazu > pic.length-1)alert("これより後の画像はありません。"); else { document.images["mypic"].src=pics[kazu].src; } } //--> </script> </head> <body onLoad="img_load();"> <table border="1" cellpadding="5"> <tr><td> <img src="syasinnsyuu.gif" name="mypic" width="350" height="216" border="0" alt="サンプル画像"><br> </td></tr> <tr><td align="center"> <form> <input type="button" value=" 前 へ " onClick="pic_hyouji(-1);"> <input type="button" value=" 次 へ " onClick="pic_hyouji(1);"> <img src="" name="hidden" width="1" height="1" border="0"> </form> </td></tr> </table> ・ ・ ・ </body></html>
