<!– HTML *design –>
[reference site]
http://www.deportareclub.com/ 
デポルターレという、スポーツトレーニング会社のコーポレイトサイト。
アイキャッチ画像のセンスが良くて、以前からきになってお気に入りに登録してました。 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自体も短いので、とてもスマートなデザイン、
なによりアイキャッチの画像がどれもカッコイイ！