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

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

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

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

jQuery fancybox (29件 - 2.23%)

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

Lightbox (21件 - 1.61%)

• 公式サイト：http://lokeshdhakar.com/projects/lightbox2/
• ライセンス：Creative Commons Attribution 2.5 License
• 開発：Lokesh Dhakar

shadowbox.js (12件 - 0.92%)

• 公式サイト：http://shadowbox-js.com/
• ライセンス：不明
• 開発：Michael J. I. Jackson

thickbox.js (9件 - 0.69%)

• 公式サイト：http://codylindley.com/thickbox/
• ライセンス：MIT License
• 開発：cody lindley

prettyPhoto (5件 - 0.38%)

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

• 公式サイト：http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
• ライセンス：GPL 2.0 License
• 開発：Stéphane Caron

最後に

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

<< 目次へ戻る(1300の優良サイトが選んだWeb制作のベストプラクティス)