| 違反投稿 |
<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でしか実証してないができたよ。画像は前の同じような質問時のサイズのままなので切れたり変になったりするけど原理はこんな感じ。元画像と同じサイズに調整したものをあげればできるだろうけど、表紙画像と下のデザインがつながった構造なので、デザインはあまりいじくらない方がいいのでは? |