商用利用フリー 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サイト

: 実装方法が選べるツールチップ用プラグイン「Smallipop」

Smallipopは、ツールチップの実装をマークアップベース(HTMLに書き出し)とJavascriptベース両方で行えるjQueryプラグインです。世の中この手のツールは結構片方でのみだったりします

: クリックするとテキストボックスにかわるラベルを実装

Flickrなどでは、写真の編集画面でキャプションをラベルとして表示しておきクリックするとテキストボックスやテキストエリアに変換してくれて編集させるようなインターフェイスを実装しています。結構いいです

: 様々なタイプのグラフ表示をカバーする「jqPlot」(折れ線グラフ)

Webページにグラフ表示する機会があったので、探してみました。今回、使用してみた「jqPlot」がシンプルにもできてカスタマイズも豊富でいいです。グラフ用データの形式が少しクセがあり、動的に扱う際

: 「jqPlot」カスタマイズ

以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。以下4つのファイルへリンクし

: バリデーションプラグイン

Nod Nod サイト | デモ [browser-shot url="http://rickharrison.github.io/validate.js/" width="2

: マウスオーバーでキャプション表示してくれるプラグイン

画像マウスオーバーするとキャプションを出現させるプラグイン (jQuery 1.10.2で動作確認のできたものに限定しています。デモ一覧) imgタグの#alt属性から自動でキャプションを生成

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

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

: Amazonのような画像ズーム機能が実装できる「SergeLand Image Zoomer」

「SergeLand Image Zoomer v3.0」はAmazonなどでみられるマウスオーバーで画像をズームしてくれる機能を実装できるjQueryプラグインです。ダウンロード *黄色ボタン

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

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