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");});