デポルターレのサイトより、ランダムに背景画像を変える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自体も短いので、とてもスマートなデザイン、
なによりアイキャッチの画像がどれもカッコイイ!