jquery.adaptive-backgrounds.js ? A jQuery plugin for extracting dominant colors from images and applying it to its parent

画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」。
画面サイズに合わせて画像を拡大縮小というのはよくありますが、画像の色を取って、その色を親要素の背景に合わせるというプラグインははじめてかも。
画像の背景色を画像と合わせることで統一感というか、違和感のない感じに仕上がるようです。動的にやれるのでCGM的なサイトなんかでも使えるのかも。
canvasとImageDataを使って実現されているそうです。







関連エントリ

• 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」
• コンテナに画像をフィットさせられるjQueryプラグイン「imagefill.js」
• 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」
• サムネイルをクリックでその場で画像ズームできるjQueryプラグイン「Ion Zoom」
• 画像のdiffができるjQueryプラグイン「TwentyTwenty」
• Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Superbox」
• 画像へのタグ付けが可能なjQueryプラグイン「Taggd」