ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
背景色を定期的に切替え「jquery.color.js」ランダムカラー
Webページはをいろいろなタグで構成されていますが、各要素に背景色を付けたり、背景画像を設定したりすることができます。背景を設定するにはタグやCSS等を記述して色や画像を指定しますが、本日紹介するJQueryプラグインを使えば自動的に背景色を変更することができるようになります。 以前の記事で背景画像をスライド、フェードさせながら切り替える方法について紹介しました。 関連する内容になりますが、今回は背景色を動的に切り替える方法について調べてみましたので、実装方法を紹介します。ページ内のアクセントに活用してみてはいかがでしょうか。 jquery.color.jsで背景色を定期的にアニメーションしながら変更する方法背景色を指定秒数ごとに自動的に切り替える方法として ・ランダムに背景色が切り替わる ・指定した色に背景色が切り替わる のサンプルソースとデモを２つ準備しました。 実際に使う場面は少ない
jquery1.8にしたらanimateでbackground-positionを動かせなくなったって人は挙手をどうぞ | 日記の間 | あかつきのお宿
はいはいはーい！ ノシ ということで、うっかりjqueryのバージョンを1.8に上げたら、今までanimateで動かしてたbackground-positionが急に動かなくなってしまいました。 以前、jqueryのanimateでbackground-positionを動かそうっていう記事で、まさしく背景のポゼッショニングを華麗にそして流麗に動かす方法を書きましたが、あれはjqueryのバージョンが1.7以下の場合に有効な方法だったようです。1.8にすると残念ながらこの方法では動かなくなる。 なので、上記の記事には実際にアニメーションさせるサンプルをセットで載せといたんですが、それが動かなくなってしまいました……さーせん。 あとでこっそりあのサンプルページで読み込むjqueryを1.7に差し替えとかないとね……そうしないと、あっちの記事だけ読んだ人が「ああん？ 動かねーじゃねーか。嘘情報
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
