ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」。
このプラグインを使えば、画像のサイズをブラウザサイズの変更があったとしてもページのサイズに合うように調整してくれ、デザイン崩れを防ぐことが出来ます。
以下にその機能を紹介してみます。

活用例１ 背景画像自動
背景画像をブラウザサイズ変更に合わせて自由に伸縮


ブラウザのサイズを変えても違和感がないようにすることが可能


活用例２ ブラウザ幅にあわせた画像の自動伸縮
ページの右端に画像があって、自由に伸縮します。


サイズを変えてもこの通り、画像が残りスペースのサイズになります


活用例３ ブラウザ幅に合わせる、がオリジナルのサイズがMAXにする
活用例２と同じで、ブラウザの端にあって、ブラウザサイズに応じて伸縮します


ブラウザを広げても、オリジナルのサイズよりは大きくなりません。


活用例４ 伸縮してもサイズ調整される背景にしつつ、更にスライドショーする
背景のスライドショー機能。単に切り替わるだけじゃなく、アニメーションします。


↓↓背景が時間とともに切り替わります↓↓



以下のエントリを参照してください。
jQuery maxImage plugin: Demo

関連エントリ

• 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」
• これはカッコいい、テレビのノイズ画面風背景のLightBox作成