画像をランダム表示する方法

JavaScriptを使って画像をランダム表示する方法がわかったので書いておきます。

【参考ソース】


<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://www.yahoo.co.jp/";
jmp[1] = "http://bb.yahoo.co.jp/";
jmp[2] = "http://www.yahoo.co.jp/";
jmp[3] = "http://auctions.yahoo.co.jp/";
jmp[4] = "http://aeu.jp/cs/";
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"'>");
document.write("<img src='"+img[n]+"' border='0'>");
document.write("</a>");
//-->
</SCRIPT>



上のタグを文章中に貼り付けて、リンク先URLのところと画像のところを自分用に書き換えればOK!

ちなみにSIRIUSでやる場合は、上記ソースの最初と最後を<noReturn></noReturn>で囲めばOK!

便利っす(^O^)/

参考ウェブサイト→http://javascript.eweb-design.com/0804_ri.html



【追記】



画像のURLの部分は上の場合は
「img/img0.jpg」
となっているが、これはトップページだからOKなのである。

カテゴリページや記事ページの場合はしっかりと
「http://mazi-affiliate.com/img/img0.jpg」
と画像URLの最初から記述しないと画像が表示されないので注意。

コメントは下のボタンを押して別ウィンドウから投稿できます。