MovableType・テンプレート・ブログカスタマイズの小粋なテクニック満載!

 


« 前のページ | HOME | 次のページ »

2006年04月03日

» 画像をランダムに表示する

画像をランダムに表示する方法を紹介します。

ランダムに表示したい箇所に以下のタグを追加すれば
画像をランダムに表示できます。
ただし、JAVAスクリプトをONにしていないと表示
されませんのでご注意下さい。

◆ランダムに表示するソース

<SCRIPT type="text/javascript">
<!--
var imgMax = 6;
var imgRandom = Math.floor(Math.random() * imgMax);
if(imgRandom == 0) document.write('<img src="img01.jpg">');
else if(imgRandom == 1) document.write('<img src="img02.jpg">');
else if(imgRandom == 2) document.write('<img src="img03.jpg">');
else if(imgRandom == 3) document.write('<img src="img04.jpg">');
else if(imgRandom == 4) document.write('<img src="img05.jpg">');
else if(imgRandom == 5) document.write('<img src="img06.jpg">');
-->
</SCRIPT>

var imgMax = *; の数値はランダム表示させる数です。
document.write('<img src="*****.jpg">'); のimg srcに画像のURLを
記述してください。
ランダム数を増やす場合はvar imgMax = *; の値の分だけ
else if(imgRandom == *) document.write('<img src="*****.jpg">');を
増やしてください。


★ この記事が参考になりましたら投票お願いします。


» 関連記事




» トラックバックURL

トラックバックURL: http://atoria.sakura.ne.jp/mt/mt-tb.cgi/55





» コメントの投稿