こんにちは、工藤です。
背景を効果的に魅せることができるjqueryプラグインをまとめました。
目次
スライド関係
Skippr
サイト
指定した背景いっぱいに画像が表示、スライドされるプラグインです。
軽量でレスポンシブにも対応しているのがうれしいです。
MaxImage2
サイト
こちらも背景いっぱいに画像が表示、スライドされるプラグインです。
オプションの種類が豊富で
- 自動でフェードイン/アウトするスライドショー
- 矢印付のスライドショー
- 動画再生
動画関係
Vide
サイト
背景で動画が再生されるプラグインです。導入がとても簡単なのでオススメです。
MP4／OGV／WebMの動画を用意していればブラウザによって最適なものを選んで自動で入れてくれます。
iOS/Androidはjpgを用意したら静止画で表示してくれます。
BigVideo
サイト
こちらも背景で動画が再生されるプラグインです。
上記でご紹介した『Vide』と同じような仕様です。
tubular
サイト
背景にYouTubeの動画を表示・再生できるプラグインです。
ファイルが用意できない場合などに便利ですね。
その他
Particleground
サイト
以前もご紹介したかもしれないですが背景に幾何学模様を実装できるプラグインです。
ちょっとしたことですがおしゃれになりますね。
jquery.adaptive-backgrounds.js
サイト
画像のドミナントカラーを抽出して背景色に設定できるプラグインです。すごいですね…。
動的なサイトで効果的に使えたら便利だと思います。
以上です。それでは。
