注目タグ

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

トピック詳細

ヘッダーの画像をランダムに変えたい

今 ヘッダーの画像は一枚の写真なんですが

毎回ブログを見るたびに写真が変わるように
したいのですが(違う写真がランダムででる 使いたい写真は3枚)

どうすればいいのか教えてください よろしくお願いします。

URLはhttp://yamabitomk107.blog.fc2.com/です。

テンプレートは grey_3column 作者:FC2 というのを使ってます。

よろしくお願いします

2012年02月04日 15:14  by ムック

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

  • 申し訳ないけど、コレが精一杯です。
    さんざん試した末にコレですので、後は自分で頑張ってみてください。

    2012年03月04日 13:22 by 標野ゆき

  • 言われたとおり実践してみた所
    ランダムででるようになったのですが
    http://yamabitomk107.blog.fc2.com/?template=grey_3column112 &index

    このように写真がなってしまいます。

    間隔がない今の状態のように写真を置いてランダムにしたい時は
    どこのサイズを変えればいいですか?
    http://yamabitomk107.blog.fc2.com/?template=grey_3column11& amp;index これが今使ってるページです。
    横のサイズは900のままで高さは550でお願いします

    よろしくお願いします。

    2012年03月03日 16:49 by ムック

  • テンプレートのHTMLを以下のように編集してから
    <div id="header">
    <script language="JavaScript">
    <!--
    // ランダムに画像を表示する
    img = new Array();
    img[0] = "http://blog-imgs-49-origin.fc2.com/y/a/m/yam abitomk107/20111221151010b0e.jpg";
    img[1] = "写真2のURL";
    img[2] = "写真3のURL";
    n = Math.floor(Math.random()*img.length);
    document.write("<img src='"+img[n]+" ' border='0'>");
    //-->
    </script>
    <p></p>
    </div><!-- /header -->

    テンプレートのスタイルシートを以下のように編集すると
    /* Layout
    ----------------------------------------------------------- -*/
    div#container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }

    div#header {
    width: 100%;
    padding-bottom:40px;
    padding-top:40px;
    margin-bottom: 0px;
    background:#b3b3b3;
    height: 650px;
    }

    運がよければうまく行くかも。
    スタイルシートから背景画像を表示するスタイル指定を取っ払って
    HTMLの方でランダム画像を表示するタイプのカスタマイズです。

    質問者さんちのブログページのHTMLとCSSを借りて試してみたけど
    スタイルシートの背景表示を使うタイプのカスタムではうまく表示されず、こっちの方式になりました。

    ただウチの環境でうまく行ったからといって
    誰のとこでもうまく行くとは限らないのはテンプレカスタムの常です。

    なお、画像は同じサイズのものをアップした方が無難です。
    当然ですが、他の画像にも画像編集でブログタイトルを入れておく必要があります。

    2012年02月15日 18:28 by 標野ゆき

  • スタイルシートの編集のところで

    <script language="JavaScript">
    <!--
    // ランダムに画像を表示する
    img = new Array();
    img[0] = "http://blog-imgs-47.fc2.com/t/a/t/tatesuter una/WS000053.jpg";
    img[1] = "http://blog-imgs-47.fc2.com/t/a/t/tatesuter una/WS000081.jpg";
    n = Math.floor(Math.random()*img.length);
    document.write ('<style type="text/css"& gt;<!--#h1 {background-image: url("'+ img + 9;");}--></style>');
    //-->
    </script>

    これをどこに書き込めばいいのですか?

    2012年02月07日 20:25 by ムック

  • http://blog.fc2.com/forum_community/topic/12605/58845/

    2012年02月06日 22:53 by pika★フォーラムモデレーター