注目タグ

テンプレート・プラグイン

トピック詳細

背景画像の位置をランダムにしたい。

こんにちは、はじめまして。
最近ブログの改造を始めました。

現在背景画像はランダムになっていますが、
位置は右上で固定されています。
(ダミーで白い画像が混ざっているので
数回更新しないと見えないかもしれません。)

これをページを開くたびに違う位置に表示させることはできますか?

画像1は左下、画像2は右下、画像3は左上…のように
出る画像の種類を固定できたら、さらに理想です。

テンプレートは【redrose】を改造したものです。

http://garasudama214.blog63.fc2.com/

よろしくお願いします。

2012年04月06日 14:51  by 

コメント一覧 2件中、1~2件表示

  • 返信ありがとうございます。

    そのようにしたらイメージ通りになりました!

    助かりました、ありがとうございます。

    また何かあった時はお願いしますm(_ _)m

    2012年04月06日 18:46 by

  • 今挿入されているスクリプトを少し変えて


    <script language="JavaScript"><!--
    var wall = new Array();

    /* 使用する背景画像を好きなだけ記述 */
    wall[0] = "http://blog-imgs-30.fc2.com/g/a/r/garasudam a214/wp1.jpg) right top no-repeat fixed";
    wall[1] = "http://blog-imgs-30.fc2.com/g/a/r/garasudam a214/wp2.jpg) left top no-repeat fixed";
    wall[2] = "http://blog-imgs-30.fc2.com/g/a/r/garasudam a214/dm.jpg) left bottom no-repeat fixed" ;
    wall[3] = "http://blog-imgs-30.fc2.com/g/a/r/garasudam a214/dm.jpg) right bottom no-repeat fixed" ;;
    wall[4] = "http://blog-imgs-30.fc2.com/g/a/r/garasudam a214/dm.jpg) center top no-repeat fixed";
    wall[5] = "http://blog-imgs-30.fc2.com/g/a/r/garasudam a214/dm.jpg) center bottom no-repeat fixed&quo t;;


    var rnd = Math.floor((Math.random() * 100)) % wall.length;
    document.write('<style type="text/css"> ;body { background:url(' , wall[rnd] , '; }</st yle>');
    // --></script>


    のようにされてはいかがでしょうか。
    赤字はそれぞれの画像を表示させたい位置や繰り返し指定等に応じて変更してください。

    2012年04月06日 18:30 by ucd