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

2006.09.27
画像をランダムに表示させるタグ
<script language="JavaScript">
<!--
bbad=new Array();
bbad[0]='■■■';
bbad[1]='■■■';
bbad[2]='■■■';
i=Math.floor(Math.random()*bbad.length);
document.write(bbad[i]);
// -->
</script>

■■■は画像のURLになります。
画像にリンク張りたいのであれば、下記のようにリンクタグつければいいだけです。
bbad[0]='<a href="http://●●●">■■■</a>';

ランダム画像を増やしていくのであれば、赤字の数字が重複しないように増やしていけば
どんどん増やすことができます。
<script language="JavaScript">
<!--
bbad=new Array();
bbad[0]='■■■';
bbad[1]='■■■';
bbad[2]='■■■';
bbad[3]='■■■';
bbad[4]='■■■';
bbad[5]='■■■';
i=Math.floor(Math.random()*bbad.length);
document.write(bbad[i]);
// -->
</script>


ジャバスクリプト(javascript)の外部ファイル化

ランダム画像が増えればその分タグも長くなります。

上記のjavascriptタグ部分を外部ファイル化することで
表示タグをとっても簡素化することができます。

[7] beginning...
-


<< 「旦那と一緒にベッドで眠る(動画)」
「webサイトのサムネイル画像を簡単に作ってみる MozShot」 >>
【0】TOP


PC版Hamster-Santa


(C)Hamster-Santa
--Serene Bach--