ふろしき Blog

インターネットビジネスの基本知識やWebテクノロジー、エンジニア組織論について、経験談を交えつつお話します

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プラグインですが、画像以外も扱えるという特徴を持ちます。

最後に

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

このブログの筆者について

川田 寛

NTTグループを経て、ピクシブ株式会社にて事業開発者とエンジニアマネージャーとして新規事業作りやエンジニアリング組織の運営に関わっていました。ネットでは「ふろしき」と呼ばれています。

このブログでは、主に「インターネット事業のビジネス基本知識」「Webテクノロジーのトレンド」「エンジニア組織の設計手法」について、経験談を交えつつ解説していきます。私と話をしてみたいという方は、以下のフォームより気軽にご連絡ください。

お問い合わせフォーム
免責事項: 本ブログの発言は個人の見解であり、所属組織を代表するものではありません。