デポルターレのサイトより、ランダムに背景画像を変えるjavascript

HTML | デポルターレのサイトより、ランダムに背景画像を変えるjavaScript

<!– HTML *design –>

[reference site]
http://www.deportareclub.com/ デポルターレのサイトより、ランダムに背景画像を変えるjavascript

デポルターレという、スポーツトレーニング会社のコーポレイトサイト。

アイキャッチ画像のセンスが良くて、以前からきになってお気に入りに登録してました。 2012.6になって訪れると、サイトがリニューアルされており、現在の差新のような デポルターレのサイトより、ランダムに背景画像を変えるjavaScriptをのぞいてみます。

[html autolinks=”true”]
<script type="”text/javascript”">// <![CDATA[
<!–
var aryList = new Array(“bg001.jpg”,”bg002.jpg”,”bg003.jpg”,”bg004.jpg”,”bg005.jpg”,”bg006.jpg”,”bg007.jpg”);
var aryListIndexNum = shuffle_number(aryList.length);
var selectNum = 0;
if(get_cookie(“cookieBgImgFileName”)==aryList[aryListIndexNum[selectNum]]){
selectNum++;
};
set_cookie(“cookieBgImgFileName”,aryList[aryListIndexNum[selectNum]]);
document.writeln(“<img id=’bg’ src=’./img/” + aryList[aryListIndexNum[selectNum]] +”‘ width=’100%’ height=’100%’/>”);
// –>
</script>
[/html]

“bg001.jpg”,”bg002.jpg”,”bg003.jpg”,”bg004.jpg”,”bg005.jpg”,”bg006.jpg”,”bg007.jpg”

ここに記述した画像が、ランダムで配列される仕組みです。

セレクタ#bgを任意に設定すれば、自由なレイアウトも可能みたいです。

script自体も短いので、とてもスマートなデザイン、
なによりアイキャッチの画像がどれもカッコイイ!