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

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

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


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

blueimp Gallery

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


http://jbutz.github.io/bootstrap-lightbox/

Bootstrap Lightbox

#シンプル
Bootstrap Lightbox サイト
CDN


http://www.chillwebdesigns.co.uk/chillbox

ChillBox

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


http://www.class.pm/projects/jquery/classybox/

ClassyBox

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


http://www.jacklmoore.com/colorbox/

Colorbox

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


http://noelboss.github.io/featherlight/

Featherlight

#軽量
Featherlight サイト


http://terrymun.github.io/Fluidbox/

Fluidbox

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


http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/

Image Lightbox

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


http://ionden.com/a/plugins/ion.zoom/en.html

Ion.Zoom

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


http://lokeshdhakar.com/projects/lightbox2/

Lightbox2

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


http://ksylvest.github.io/jquery-lighter/

Lighter

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


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

jQuery lightGallery

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


http://projects.nickstakenburg.com/lightview

Lightview

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


http://dev7studios.com/plugins/nivo-lightbox/

Nivo Lightbox

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


http://dropthebit.com/demos/photobox/

Photobox

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


http://www.ppplugins.com/demo/ppgallery/

ppGallery

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


http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

prettyPhoto

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


http://trentrichardson.com/examples/jQuery-Rebox/#Examples

Rebox

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


http://ryrych.github.io/rlightbox2/

rlightbox

#ギャラリー
rlightbox サイト


https://www.scalable-lightbox.com/examples/1.html#

ScalableLightbox

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


http://www.digitalia.be/software/slimbox2

Slimbox 2

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


http://toddmotto.com/labs/superbox/

SuperBox

#Google画像検索
SuperBox サイト


http://kthornbloom.com/smoothbox/

Smoothbox

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


http://www.stripjs.com/

Strip

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


http://brutaldesign.github.io/swipebox/

Swipebox

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


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

Thumbnail Grid with Expanding Preview

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


http://tosrus.frebsite.nl/examples.php

jQuery.TosRUs

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


http://cocopon.me/app/vanillabox/index.html

Vanillabox

#ギャラリー
Vanillabox サイト


http://lab.veno.it/venobox/

VenoBox

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


http://visuallightbox.com/jquery-image-lightbox.html

Visual LightBox

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


  • このエントリーをはてなブックマークに追加

関連記事

レスポンシブ対応の画像スライダー・ギャラリー用プラグイン

画像スライダー(ギャラリー)を作成してくれるjQueryプラグインの中からレスポンシブ対応のものをいくつか集めてみました。 シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlide

no image

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

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

no image

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

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

no image

ポップアップ・モーダル ウィンドウ プラグイン

ポップアップ シンプルにポップアップを実装できる「PopBox」 実装方法が選べるツールチップ用プラグイン「Smallipop」 Bootstrap Popovers

no image

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

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

no image

色々なタイプの画像ギャラリーが実装できる「Rondell」

「Rondell」は、様々なタイプの画像ギャラリーを実装してくれるjQueryプラグインです。 カルーセル・スライダー・ギャラリーなど一通り実装可能です。 ダウンロード 本家デモ

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

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

入力数値の桁区切り挿入

ユーザに数値を入力してもらう際に区切りを入れるようにすると入力ミスを少なくすることができます。このソースは、SugarJSというものから拝借して少し改変しています。 実装 fu

テキストに動きをつけるプラグイン

テキストをフェイド・スライド「Textillate」 テキストをフェイドイン(アウト)、スライドイン(アウト)してくれます。 ダウンロード デモ My Tit

ページ内のフォントサイズを変更してくれる「Text Resizer」

「jQuery Text Resizer Plugin」は、ページ内のフォントサイズを変更してくれるjQueryプラグインです。要素を限定してリサイズすることも可能です。jquery.cookie.j

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑