解決済

clip!clip!
Ads By Google

タイトル画像をランダムで表示させる

現在、T-SELECTの胡瓜栽培というデザインを使っているのですが、タイトル部分をランダム表示にしようと思ってもうまくいきません。

既に何度も質問なされてる内容ですが、どれを試してみてもタイトル画像が消えるだけの結果になります。手ほどきの程宜しくお願いします。

2009-07-03 23:55の質問
画像  タイトル  ランダム  
ランダム
歌ネットによる歌詞情報です
www.uta-net.com/user/phplib/J-Word.php
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(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)

>T-SELECTの胡瓜栽培
がちょっと見当たりません。あたなのブログURLを書いてもらえるとわかりやすいんだけど。それかT-SELECTの胡瓜栽培テンプレートのURL

多分適用される部分の名称がテンプレートによって若干変わってたりで、うまく適用されないんじゃないのかな?

ああ、見えてなかっただけだった。実験ブログで反映させて実験したらできたよ。new Array()内のURLを自分の用いたい画像URLに変えてね。

参照:http://knowledge.livedoor.com/40850
http://knowledge.livedoor.com/40754

トラックバック(2)

トラックバックURL: