「画像をランダムに表示する」
↑はQAのTOPとハムスターブログ新着記事に設置してあるPick Up Linkです。
サイト訪問毎、もしくはページ更新するたびに
登録してある画像・リンクをランダムに表示させるようにしてあります。
(サムネイル画像呼び込みにはMozShotをお借りしています)
■画像をランダムに表示させるタグ
■■■は画像のURLになります。
画像にリンク張りたいのであれば、下記のようにリンクタグつければいいだけです。
ランダム画像を増やしていくのであれば、赤字の数字が重複しないように増やしていけば
どんどん増やすことができます。
■ジャバスクリプト(javascript)の外部ファイル化
ランダム画像が増えればその分タグも長くなります。
上記のjavascriptタグ部分を外部ファイル化することで
表示タグをとっても簡素化することができます。
<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タグ部分を外部ファイル化することで
表示タグをとっても簡素化することができます。
ハムスターブログに応援ありがとうございます