ブラウザサイズによって背景画像をリサイズするjQuery

サムライファクトリーのDesigner 其の六です。

ブラウザサイズによって背景画像をリサイズ
というのは以前でしたらFlash使うかjs使うかで苦労した記憶がありますが、
ここ数年で出てきたjQueryを使うと
簡単に設置できるようです。
（jQueryは下記サイトからダウンロードしてください。）


■SRobbin Blog
http://srobbin.com/jquery-plugins/jquery-backstretch/


設置後のサンプル画像↓

任意の場所に

<script type="text/javascript" src="任意の階層/jquery.backstretch-1.1.min.js"></script><br />
<script type="text/javascript">
  $.backstretch("画像のURL");
</script>

これを使えば、
自分の撮影した写真や、描いたものをHP/ブログの背景全面に入れたり出来、
より自分のページを輝かせることが出来ると思います。


（※上記のjQueryは、NINJA TOOLSと関係ないため為サポート外になってしまいます。
ご理解、ご了承の上ご使用ください。）