凡人の部屋(bonjin.com)
悩めるウェブマスター Index
ページが表示されるたびに画像を変更するjavaスクリプト


ページが表示されるたびに画像を変更する

<SCRIPT LANGUAGE="JavaScript">
<!--
simg=new Array(5);
simg[0]="images/画像ファイル1.gif";
simg[1]="images/画像ファイル2.gif";
simg[2]="images/画像ファイル3.gif";
simg[3]="images/画像ファイル5.gif";
simg[4]="images/画像ファイル8.gif";
Myimg=Math.floor(5*Math.random());
document.write("<center><img src='"+simg[Myimg]+"'></center>");
//-->
</SCRIPT>

上記は、５つの画像の例、チェンジする画像の数に変更がある場合は赤字の数字を変更する。


画像にリンクがある場合

<SCRIPT LANGUAGE="JavaScript">
<!--
img=new Array(5);
img[0]="<a href='リンク先ファイル1.htm'><src='images/画像ファイル1.gif''></a>";
img[1]="<a href='リンク先ファイル2.htm'><src='images/画像ファイル2.gif''></a>";
img[2]="<a href='リンク先ファイル3.htm'><src='images/画像ファイル3.gif''></a>";
img[3]="<a href='リンク先ファイル4.htm'><src='images/画像ファイル5.gif''></a>";
img[4]="<a href='リンク先ファイル5.htm'><src='images/画像ファイル8.gif''></a>";
imgNo=Math.floor(5*Math.random());
document.write(img[imgNo]);
//-->
</SCRIPT>

上記は、５つの画像の例、チェンジする画像の数に変更がある場合は赤字の数字を変更する。