ふろしき.js

Web + Mobile + UX + Performance Tech

1300の優良サイトが選んだ「オーバーレイイメージ(Overlay Images)」ライブラリ集

1300の優良サイトを調査してみたシリーズ、第9回は「オーバーレイイメージ」です。

Webページ上の画像をクリックした際に、同一ウィンドウ内に拡大された画像を表示する処理を、「オーバーレイ」や「オーバーレイイメージ」といいます。

ふろしき.jsの調査では、1300中76サイト(5.84%)にて、ライブラリによる対策が確認されました。デザインに関わる部品ですが、1300サイトで活用されているライブラリを一覧化しているため、きっと欲しいものが見つかるはずです。

jQuery fancybox (29件 - 2.23%)

f:id:furoshiki0223:20131023005645p:plain

  • 公式サイト:http://fancyapps.com/fancybox/
  • ライセンス:Creative Commons(Attribution-NonCommercial 3.0 Unported)
  • 開発:Janis Skarnelis

Lightbox (21件 - 1.61%)

f:id:furoshiki0223:20131023005728p:plain

shadowbox.js (12件 - 0.92%)

f:id:furoshiki0223:20131023005817p:plain

thickbox.js (9件 - 0.69%)

f:id:furoshiki0223:20131023005857p:plain

prettyPhoto (5件 - 0.38%)

f:id:furoshiki0223:20131023005959p:plain
LightboxライクなjQueryプラグインですが、画像以外も扱えるという特徴を持ちます。

最後に

こればっかりは、サイトデザインに関わるところなので、ベストプラクティスも何もないですね。

広告を非表示にする