MiscNote

ランダムにリンク付き画像&文字を表示するjavascript

自分のメモ用です。
コチラ:「画像をランダムに表示する」を参考にさせていただきました。
※気付いたらリンク切れになっていますね…↑の単語で検索すると同じような記事が出てくると思います。

ランダムでリンク付き画像を表示するものは見つけられたのですが、+文字入りのを使いたかったので、いじってみました。

document.write(rmsg[n]);  と、document.write("</a>"); を入れ替えると文字はリンク無しになります。


<script type="text/javascript">
<!--
rimg = new Array();
rimg[0] = "画像アドレスA";
rimg[1] = "画像アドレスB";
rimg[2] = "画像アドレスC";
rimg[3] = "画像アドレスD";

rurl = new Array();
rurl[0] = "リンクA";
rurl[1] = "リンクB";
rurl[2] = "リンクC";
rurl[3] = "リンクD";

rmsg = new Array();
rmsg[0] = "Aの説明文";
rmsg[1] = "Bの説明文";
rmsg[2] = "Cの説明文";
rmsg[3] = "Dの説明文";

n = Math.floor(rurl.length * Math.random());
document.write("<a href='"+rurl[n]+"'>");
document.write("<img src='"+rimg[n]+"' border='0'>");
document.write("<br>");
document.write(rmsg[n]);
document.write("</a>");
// -->
</script>


記事作成日 2008/09/19 13:08

関連記事
新着記事