javaで画像をランダム表示しつつリンクさせたい

自分のブログ(FC2)上部にJavaスクリプトを使い、自作のランダム画像＆各画像にそれぞれ指定したリンクを貼りたいのですが、画像までは出来ましたがリンクの方法が分からず困っております。

Tool No.3 『画像ランダム表示スクリプト生成』
ttp://ssl.netlaputa.ne.jp/blg/tools/randimg.php

↑こちらのサイトで作成できる物のように動作させたいのですが、
上のサイトで作った物だと自分のブログでは表示が崩れて動作しませんでした。

自分なりに調べたところ、以下のコードだと画像は綺麗に表示されたのですが、
リンクはどうしたら出来るのかが分かりません。
なんとか以下のコードを改変して、リンクも付けられないでしょうか。
gehe2.jpgをクリックすると、gehe2.htmlに飛ぶというようにしたいです。


<SCRIPT LANGUAGE="JavaScript">
<!--
e = Math.floor(Math.random() * 6)
{
document.write('<style>')
if (e == 0) {
document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe2.jpg);}')
}
else if (e == 1) {
document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe3.jpg);}')
}
else if (e == 2) {
document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe4.jpg);}')
}
else if (e == 3) {
document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe5.jpg);}')
}
else if (e == 4) {
document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe.jpg);}')
}
else {
document.write('#header-text{background-image:url(http://www.hoge.com/hoge/gehe3.jpg);}')
}
document.write('</style>;')
};
-->
</SCRIPT>

No.1 ベストアンサー 回答者： tomonkey0225 回答日時： 2011/05/10 17:04

質問者様の参考にされたURLのスクリプトには画像のサイズ指定がされていません。

この場合正しく画像が表示されないケースがあります。
以下のような感じで書けば出来るかと思うのですが…

出来なかったら申し訳ありません・・・


<SCRIPT language="JavaScript">
<!--
url = new Array();
img = new Array();

url[0] = "http://111111.com";
url[1] = "http://222222.com";
url[2] = "http://333333.com";

img[0] = "http://www.hoge.com/hoge/gehe1.jpg";
img[1] = "http://www.hoge.com/hoge/gehe2.jpg";
img[2] = "http://www.hoge.com/hoge/gehe3.jpg";

num = Math.floor(Math.random()*url.length);
document.write("<a href='"+url[num]+"'>");

//横幅と縦幅を指定する。画像によってサイズが違う場合は
//ここに対応するheight[],width[]等の配列をさくせいして下記行に組み込めばOK
document.write("<img src='"+img[num]+"' border='0' width='400' height='250'>");


document.write("</a>");
//-->
</SCRIPT>

この回答へのお礼

うおおおおお出来ました！
形の崩れもなく、考えてた通りに動いてます。
どうしてもこの仕組みで配置したかったので、出来ずに腐っていたのが吹っ飛びました。
本当に助かりました。どうもありがとうございました！

お礼日時：2011/05/10 23:34