商用利用フリー Lightbox プラグイン

商用利用フリー(投稿時)のlightbox用プラグインをまとめてみました。最新のライセンスに関しては各サイトに確認をお願いいたします。)
lightboxの中にもギャラリー表示が可能なもの、ギャラリー内にサムネイルを設置できナビゲーションできるものなどがあります。また、最近のものは、モバイルに最適化されておりレスポンシブ対応はもちろん(タッチ)スワイプも可能なものが増えてきました。

Lightboxなどが実装できるプラグイン「Magnific Popup」
Lightboxプラグイン「Boxer」

http://blueimp.github.io/Bootstrap-Image-Gallery/

blueimp Gallery

#スライドショー #レスポンシブ #スワイプ #WordPressプラグイン
 blueimp Gallery サイト

Bootstrap Lightbox

#シンプル
Bootstrap Lightbox サイト
 CDN

ChillBox

#ギャラリー #title属性をキャプション
ChillBox サイト

ClassyBox

#ギャラリー #WordPressプラグイン
 ClassyBox サイト

Colorbox

#スライドショー #title属性をキャプション #WordPressプラグイン
 Colorbox サイト

Featherlight

#軽量
Featherlight サイト

Fluidbox

#レスポンシブ #エフェクト
Fluidbox サイト

Image Lightbox

#スライドショー #alt属性をキャプション #WordPressプラグイン
 Image Lightbox サイト

Ion.Zoom

#ギャラリー
Ion.Zoom サイト

Lightbox2

#ギャラリー #title属性をキャプション
Lightbox2 サイト

Lighter

#ギャラリー #レスポンシブ
Lighter サイト

http://sachinchoolur.github.io/lightGallery/index.html

jQuery lightGallery

#ギャラリー #レスポンシブ #スワイプ #サムネイルナビゲーション
jQuery lightGallery サイト

Lightview

#グループ #Youtube #Vimeo #map
Lightview サイト

Nivo Lightbox

#ギャラリー #レスポンシブ #Inline HTML #動画
Nivo Lightbox サイト

Photobox

#ギャラリー #サムネイルナビゲーション
Photobox サイト

ppGallery

#ギャラリー #サムネイルナビゲーション
ppGalleryサイト

prettyPhoto

#ギャラリー, #サムネイルナビゲーション
prettyPhotoサイト

Rebox

#ギャラリー #レスポンシブ #ビデオ
Rebox サイト

rlightbox

#ギャラリー
rlightbox サイト

ScalableLightbox

#ギャラリー #軽量
ScalableLightbox サイト

Slimbox 2

#ギャラリー #軽量
Slimbox 2 サイト

SuperBox

#Google画像検索
SuperBox サイト

Smoothbox

#ギャラリー #レスポンシブ #プリロード
Smoothbox サイト

Strip

#ギャラリー #レスポンシブ #Youtube #Vimeo #スライド #IE7+
Strip サイト

Swipebox

#ギャラリー #スワイプ #IE8+
Swipebox サイト

http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

Thumbnail Grid with Expanding Preview

#Google画像検索
Thumbnail Grid with Expanding Preview サイト

jQuery.TosRUs

#ギャラリー #スワイプ #サムネイルページネーション #title属性をキャプション #フルスクリーン #スライダー #Youtube #Vimeo
jQuery.TosRUs サイト

Vanillabox

#ギャラリー
Vanillabox サイト

VenoBox

#ギャラリー #レスポンシブ #Googleマップ #Youtube #Vimeo #インラインコンテンツ
VenoBoxサイト

Visual LightBox

#ギャラリー #title属性をキャプション
Visual LightBoxサイト

: 開閉できるツリー構造を表現できる「jsTree」

「jsTree」は、Webサイト上にツリー構造を表示してくれるJQueryラグインです。実際、使うかというのは謎ですが、ブログ内に設置する機会があり使用してみましたので参考まで。ダウンロードはこち

: レスポンシブにも対応したカレンダーを表示する「Calendario.js」

Calendarioは、レスポンシブデザインにも対応したカレンダ表示プラグインです。ダウンロードスクリプト実装 $(document).ready

: 時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)

「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。目次実装方法モダール形式 Datepicker

: クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」

「jQuery Credit Card Validator」は、クレジットカード番号のバリデーションを行ってくれるjQueryプラグインです。入力したカード番号の検証とそれに基づいてカード会社の表示を

: ナビゲーション内にサムネイルを設置できる画像スライダー・ギャラリー用プラグイン

画像ギャラリーを作成してくれるjQueryプラグインはたくさん制作されています。その中でもサムネイルを使用してギャラリーのナビゲーションを行ってくれるプラグインをいくつか集めてみました。サムネ

: グリッドレイアウトプラグイン

Waterfall サイト pinbox [browser-shot url="http://kayschneider.github.io/pinbox/example/pinb

: 親要素の大きさに合わせてテキストをリサイズ「FitText」

「FitText」は親要素の大きさに合わせてテキストをリサイズしくれるjQueryプラグインです。ダウンロード | デモスクリプト実装 responsive_head

: 「jqPlot」を使って円グラフを作成

Webサイトで円グラフ表示したいと要望があったので、以前使用したjqPlotでデモを作成しました。ダウンロード最初の要望は「凡例つけて」、「いい感じにカラーリングしてほしい。」、「定期的に変更

: select(list)ボックスを左右に並べて視覚的に使いやすくしてくれる「Multiselect」

「Multiselect」は、selectボックスを左右に配置して、選択したもの・していないものを左右に分けてくれるjQueryプラグインです。視覚的に使いやすくしてくれます。ダウンロードはこちら