jQuery Backstretch by Scott Robbin

背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」
大きな写真等を背景にしていると、ブラウザ幅によって折り返されたりしてかっこ悪くなってしまいますが、このプラグインを使えばブラウザ幅に応じて自動伸縮してくれます。





使い方はプラグインを読み込んだ後、次のように１行書くだけで実装できます。

<script type="text/javascript">
$.backstretch("http://farm3.static.flickr.com/2443/3843020508_5325eaf761.jpg");
</script>

背景に大きな画像を指定して、迫力ある印象にする場合において必須ともいえるかもしれませんね。

関連エントリ

• アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」
• 使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」
• HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」
• ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」