Hamster-Santa
〜ここはハムスターがメインのサイトです〜

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



↑はQAのTOPとハムスターブログ新着記事に設置してあるPick Up Linkです。

サイト訪問毎、もしくはページ更新するたびに
登録してある画像・リンクをランダムに表示させるようにしてあります。
(サムネイル画像呼び込みにはMozShotをお借りしています)
画像をランダムに表示させるタグ
<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タグ部分を外部ファイル化することで
表示タグをとっても簡素化することができます。

  ハムスターブログに応援ありがとうございます
 
 
 
 


愛ハム診断 愛ハム診断

栄養成分比較表 栄養成分比較表

ハムスターQ&A ハムスターQ&A

病気サイトマップ 病気サイトマップ