Ads By Google
タイトル画像をランダムで表示させる
現在、T-SELECTの胡瓜栽培というデザインを使っているのですが、タイトル部分をランダム表示にしようと思ってもうまくいきません。既に何度も質問なされてる内容ですが、どれを試してみてもタイトル画像が消えるだけの結果になります。手ほどきの程宜しくお願いします。
2009-07-03 23:55の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2009-07-04 10:15:40

<script type="text/javascript"><!--
var bgrounds = new Array('http://parts.blog.livedoor.jp/img/usr/lovely_xmas/header.jpg','http://parts.blog.livedoor.jp/img/usr/t_butterfly_reki/header.gif','http://parts.blog.livedoor.jp/img/usr/prison_break_3c/bg_body.jpg','http://parts.blog.livedoor.jp/img/usr/kamiki_aya/main.jpg','http://parts.blog.livedoor.jp/img/usr/hanamonogatari/header.jpg','http://parts.blog.livedoor.jp/img/usr/bt011_tulip_girl/entry_bottom.gif');
//bgrounds:背景画像URLの配列
var array_num = Math.floor( Math.random() * bgrounds.length);
//配列の中でランダムに配列ナンバー
document.getElementById("banner").style.backgroundImage = "url(" + bgrounds[array_num] +")";
//取得ノードで背景イメージをCSSにて変更
//--></script>
一応IEでしか実証してないができたよ。画像は前の同じような質問時のサイズのままなので切れたり変になったりするけど原理はこんな感じ。元画像と同じサイズに調整したものをあげればできるだろうけど、表紙画像と下のデザインがつながった構造なので、デザインはあまりいじくらない方がいいのでは?
無事動きました、ありがとうございますm(_ _)m
デザインに関しては背景画像を使いたかった様なものなので、そこまで違和感なければいいかと思ってます( ・ω・)ゞ
Ads By Google
コメント(2)
2009-07-04 09:21:32
>T-SELECTの胡瓜栽培
がちょっと見当たりません。あたなのブログURLを書いてもらえるとわかりやすいんだけど。それかT-SELECTの胡瓜栽培テンプレートのURL
多分適用される部分の名称がテンプレートによって若干変わってたりで、うまく適用されないんじゃないのかな?
2009-07-04 10:17:54
ああ、見えてなかっただけだった。実験ブログで反映させて実験したらできたよ。new Array()内のURLを自分の用いたい画像URLに変えてね。
参照:http://knowledge.livedoor.com/40850
http://knowledge.livedoor.com/40754



