Documentation: Overlay - Vegas Background jQuery Plugin

背景画像に更にドットパターンを合成して超カッコよくできるjQueryプラグイン「Vegas Background」。
背景画像を大きくサイトに使う場合に、単に写真を使ってもカッコイイのですが、ドットパターンを合成してよりカッコよくすることが出来ます。
その昔、Photoshopで画像にテレビに写ったような走査線を入れるようなプラグインが流行ったりしましたが、そういう処理は今やjQueryでやる時代のようです。

大きい写真を背景に使ったデザイン。
画像が小さくてもブラウザサイズに応じて引き伸ばしてくれる機能もついてます。



拡大してみると、まぁこれでも十分カッコイイんですけど、パターンを追加してみましょう。



次のようにオーバーレイで表示されます。なんとなくいい感じですね。背景画像への適用ということで背景画像が全体にうまくなじむ感じでしょうか。
言葉では言い表せない良さがあります。「そんなのうまく言い表せるよ」、という方は @phpspot_kj までツイート下さい。



別パターンのオーバーレイ画像。これもカッコイイですね・・・。



他にも標準で１５種類のパターンが用意されています。自分でPhotoshopで作ってもOKですね。



使い方も超簡単です。



案件もないのに新しくデザインを作りたくなってしまうかもしれないプラグインですね。

関連エントリ

• 背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」
• 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」
• ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム