解決済
ブログの背景画像をランダムに表示させたい
デザインはイラストのビキニを基本にしているのですが、似たような立ちポーズの画像を4枚ほど用意して、ランダムに表示させたいのですが、過去の質問を調べて試したのですが、どうにもうまくいきませんでした。よろしくお願い致します。
2007-07-09 15:32の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2007-07-10 01:37:12
下記のスクリプトのURLを正しいものに置き換えて、<body>タグの前あたりに入れて下さい。画像の数はいくつでも大丈夫です。
<script type="text/javascript">
<!--
myimgs=Array();
myimgs.push("画像１のURL");
myimgs.push("画像２のURL");
myimgs.push("画像３のURL");
myimgs.push("画像４のURL");
myimg=myimgs[Math.floor(Math.random()*(myimgs.length+1))];
document.write("<sty"+"le>");
document.write("body{background:url("+myimg+");}");
document.write("</sty"+"le>");
// -->
</script>
うまくいかなければ、ブログのURLをコメントして頂けると解決が早いかもしれません。
<script type="text/javascript">
<!--
myimgs=Array();
myimgs.push("画像１のURL");
myimgs.push("画像２のURL");
myimgs.push("画像３のURL");
myimgs.push("画像４のURL");
myimg=myimgs[Math.floor(Math.random()*(myimgs.length+1))];
document.write("<sty"+"le>");
document.write("body{background:url("+myimg+");}");
document.write("</sty"+"le>");
// -->
</script>
うまくいかなければ、ブログのURLをコメントして頂けると解決が早いかもしれません。
回答レベル : 回答
ランダム設定は解決しました。ありがとうございます。
Ads By Google
コメント(3)
#1. Zwei
2007-07-10 11:30:51
回答ありがとうございます。
画像のランダムは成功しました。
しかし画像がリピートした状態になっているので、no-repeatはどこに入れたらよろしいのでしょうか？
何度もすみませんがよろしくお願いいたします！
ブログのアドレスです。（現在はランダム設定を外してます。）
http://blog.livedoor.jp/s__h007/
#2. ★オニキス☆
2007-07-10 20:26:29
>>#1
document.write("body{background:url("+myimg+");}");
↓
document.write("body{background:url("+myimg+") no-repeat;}");
という感じになります。
#3. Zwei
2007-07-11 01:49:51
★オニキス☆さん回答ありがとうざいます。
無事ランダムに表示することができました。
