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

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--