ブラウザに合わせて背景画像のサイズを自動で合わせてくれるスクリプト・jQuery Backstretch
とても楽そうだったのでメモです。画面 のサイズに合わせて自動で背景画像 をリサイズしてくれるので背景画像を 固定できる、というもの。jQueryのプラ グインなので手軽でいいですね。ユー ザーがどんなモニタサイズでも同じ 背景画像を表示させることが出来ます。 以前、同じ機能のjQueryプラグインがPHPSPOTさんでも紹介されていましたが、複数覚えておいて損はないのでご紹介します。 ↑ これがデフォルト。 ↑ ご覧のようにサイズを変更しても背景画像は変わりません。 自動で背景画像をストレッチさせるので、環境の違いによる背景画像の表示の差が生じることも無い、というもの。 使い方は非常に単純で、jQuery Backstretchを読み込んでから画像を指定すればおｋです。 <script type="text/javascript" src="/js/jquery.backstretch-1
ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
