前の記事 ≪:多階層のスマホサイトメニューを実装できる「Multi-Level Push Menu」
次の記事 ≫:2013年12月25日 管理人のブックマーク

画像の親エレメントの背景を画像のカラーに合わせられるjQueryプラグイン「adaptive-backgrounds」

2013年12月25日-はてなブックマーク

スポンサード リンク

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を使って実現されているそうです。







関連エントリ

スポンサード リンク

By.KJ : 2013年12月25日 10:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)