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

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

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

: グラフ作成プラグイン

C3.js C3.js サイト [browser-shot url="http://www.chartjs.org/" width="200" imgclass=" ali

: テキストエリアを自動的にリサイズしてくれる「Autosize」

「Autosize」は、テキストエリアのサイズを入力文字数によって自動的に変更してくれるjQueryプラグインです。標準では、枠を超える文字数を入力するとスクロールバーが表示されますが、かわりに建増し

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

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

: テーブル・リスト要素を便利にしてくれるプラグイン

レスポンシブに対応したテーブルを実装できる「FooTable」リストをインクリメント検索・ソートできる「List.js」 colResizable #カラム幅可変

: シンプルにモーダルウィンドウを実装できる「leanModal」

「leanModal」は、シンプルにモーダルウィンドウを設置できるjQueryプラグインです。オプションは少なめですが、複雑な機能は必要なく単に設置したいという場合にはもってこいのライブラリだと思いま

: 「jqPlot」カスタマイズ

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

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

jqPlotを使って棒グラフを作成してみました。ベースはこの記事を参照ください。スクリプト jqPlotのベースとなるjsファイルと以下の棒グラフの作成に必要なスクリプトを読み込んで下さい。

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

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