ランダム表示の画像位置

質問

初めまして、本当に初心者な質問で
申し訳ないのですが回答を頂ければ
嬉しく思います。
ホームページビルダー7ライトを使い、
画像をランダムで変えたいと思って
調べてやってみたところ、以下の
JavaScriptで一応は出来たんです。

<script language="JavaScript">
<!--

img = new Array
img[0] = "gif/1.gif";
img[1] = "gif/2.gif";
img[2] = "gif/3.gif";
img[3] = "gif/4.gif";
img[4] = "gif/5.gif";

rnd = Math.floor(Math.random() * img.length);
document.write("<img src='",img[rnd],"'>");

//-->
</script>

しかし、画像が一番左上に出てしまいます。
これを位置調整しようと思ったらどんな
JavaScriptを使えばよろしいでしょうか？
本当に申し訳ありませんが、回答の方を
どうかよろしくお願い致します。

回答No.1

gura_ · ベストアンサー

スタイルシートの position を追記すれば、表示位置を指定することができます。↓

<script language="JavaScript">
<!--
img = new Array;
img[0] = "gif/1.gif";
img[1] = "gif/2.gif";
img[2] = "gif/3.gif";
img[3] = "gif/4.gif";
img[4] = "gif/5.gif";
rnd = Math.floor(Math.random() * img.length);
document.write("<img style='position:absolute; top:100px; left:200px;' src='",img[rnd],"'>");
//-->
</script>

参考URL：

http://www.tohoho-web.com/how2/layout.htm#position

お礼

guraさん、回答ありがとうございます。
ご丁寧な説明のお陰で見事に出来ました。
感謝します、本当にありがとうございました。