on:2013年10月31日sponsorsブラウザの表示サイズを変更しても、指定した要素内を背景画像で満たすjQueryのプラグインを紹介します。Operaなどのモダンブラウザでご覧ください。適用されてる画像は4ヵ所で、ヘッダに1つ、コンテンツに3つです。ブラウザの表示サイズを変更しても、最適なサイズで表示されます。幅780pxで表示ヘッダの画像がちょっと薄くて見えにくいので、下の方も。幅を狭くしても、この通り。外部ファイルjquery.jsと当スクリプトを外部ファイルとして記述します。HTMLHTMLは通常通りで、背景画像を配置する要素は指定できるようidなどを加えます。id="element">ヘッダ</header>複数箇所を適用する時は、classの方が便利です。JavaScriptjQueryのセレクタで要素を指定し、sourceに画像を指定し、スクリプトを実行します。