jQuery backstretch.jsを使って、ページの壁紙を簡単にロード、変更。

backstretch.jsを使って、サイズが大きめの壁紙画像でもスムーズにかつ、ちょっと間をあけたフェードイン風にロードします。下のボタンから壁紙を同様の動きで変更できます。設定も簡単で、$.backstretch()に画像のパスを記述するだけです。

設定のソース
$.backstretch("images/dot.jpg", {speed: 600});
$("#001").click(function() {$.backstretch("images/ine2.jpg");});
$("#002").click(function() {$.backstretch("images/kikagaku.jpg");});
$("#003").click(function() {$.backstretch("images/kinmokusei.jpg");});