- 2011-08-22 (月)
- カテゴリ:javascript | jquery | リンク集

無償
Lightbox 2
prototype.js
scriptaculous.js
元祖。ギャラリーが綺麗。動きも綺麗で高級感がある。
IEで少し重いので環境によりカクつことがある。せっかく動きが綺麗なので残念。
表示自体はIE,chrome,Firefox一通りで問題なしで使い方も簡単。
prototypeが・・・という方は後述するjquery版もどうぞ。
ライセンス:cc2.5
寄付歓迎
jQuery lightBox plugin
jquery
Lightbox の jquery版。
元祖とは動きが少しだけ違う。
optionで指定できるのかな?と思って探してみましたが
私の知る限りでは出来なかった。
どうしてもjqueryでという場合に重宝すると思います。
IE,chrome,firefoxで動作問題なし。
ライセンス:cc2.5
寄付歓迎
jQuery.lightpop.js
使用方法,ダウンロード:jQuery.lightpop.js : dogmap.jp
サンプル:jQuery.lightpop.js サンプル
jquery
お手軽。軽快。簡単。jquery。
豊富な動画形式に対応しています。
ajax表示も簡単。
とにかくシンプルで使いやすく,情報も日本語です。
ライセンス:GPL3 なので注意
Lytebox
外部ライブラリが必要なし!
単独で動作するのでインストールが簡単。
ただし,動きが重い。特にIEだと環境によっては苦しい。
動作自体はchrome,firefox,ieで一通りOK,しかししつこいけど重い。
HTML表示や動画も対応。
公式が見やすく,オプションも豊富。コールバックも充実。
Tooltipの表示が簡単なのでこれ目的でも便利。
ライセンス:CC3.0
Sexy LightBox
MooTools
動きがすごくカワイイ!
IE,Firefox,Chromeで特に問題なく動作します。
IEでも割とサクサクで嬉しい。
一番の売りの独特なポップアップの動きがサイトジャンルによっては使いにくいかもしれません。
公式がスペイン語ですが,シンプルで分かりやすいので利用には全く問題ないです。
一度はどこかで使ってみたいプラグインです。
ライセンス:MIT
FancyBox
Fancybox - Fancy lightbox alternative
jquery
動作が速く,表示もシンプルでとても使いやすい上にjquery,MIT,無償で人気です。
さらにインライン,ajax,iframe,SWF対応,コールバックなど機能も豊富。
画像の説明を3通りの位置に表示できるのですが,そのうちのover指定が気に入っています。
欠点を言えば簡素なので高級感を出しにくい場合があるかもしれません。
と言っても,シンプルなギャラリー表示はどんなサイトにも合いますのであくまでも使い分け次第でしょうか。
ライセンス:MIT
iBox v2
iBox - Lightweight inline popup
外部ライブラリが不要!
とにかく簡素。アニメーションもなし。
インラインでのHTML・フォーム表示や,ajax,youtube動画も対応。
wordpressのpluginもあるのでそちらでお馴染みの方も多いかも。
ライセンス:無償,利用や配布も自由,ソースに著作権表示。
有償
Lightview
prototype,scriptaculous
ギャラリー,スライドショーも綺麗です。
機能も豊富です。
IEだと少し重たいです。
ライセンス
非商用: 1サイト 3ユーロ,無制限 15ユーロ
商用:1サイト 49ユーロ,無制限 195ユーロ
Highslide JS
Highslide JS - JavaScript thumbnail viewer
ライブラリ不要
ポップアップは動きが滑らかで独特な高級感があります。
ギャラリー・スライドショーもかっこいいです!
HTML,ajaxi,frameなどなどもちろん対応でオプションが豊富です。
価格もそこまで高くないのでこれを使い倒すのも良いですね。
ライセンス
非商用:無料
商用:1サイト 29ドル,無制限 179ドル
Shadowbox.js
ライブラリ不要
個人的には画像ギャラリーの矢印がクリックしにくいですが高級感があります。
各種動画にも対応で価格も良心的です。
ライセンス
非商用:無償
商用:1サイト 20ドル,無制限 50ドル
- カテゴリ:javascript | jquery | リンク集

- タグ: javascript, jquery and lightbox
- 次の記事: フリーのUMLツール メモ
- 前の記事: centos6.0 日本語入力
Comments:0
Trackback+Pingback:0
- TrackBack URL for this entry
- http://reoto.com/archives/348/trackback/
- Listed below are links to weblogs that reference
- lightbox風スクリプト 開発者目線で比較 メモ from ぼんずーず