TOP

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

Tweet

関連記事

: ナビゲーションメニューを画面サイズによってドロップダウンにしてくれる「TinyNav.js」

「TinyNav.js」はナビゲーションメニューを画面サイズがある以下になるとドロップダウンにしてくれるjQueryプラグインです。スクリプト実装スタイルシート

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

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

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

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

: 画像をモザイク処理(ピクセル化)してくれるプラグイン「Pixelate.js」

「Pixelate.js」はその名の通り画像をピクセル化してくれるjQueryプラグインです。画面ロード時にピクセル化しておき、画像にマウスオーバーすると暴露してくれます。ダウンロード | デモ

: ファイルアップロードフォームプラグイン

Ajax File Upload Form with jQuery Ajax File Upload Form with jQuery [browser-shot url="h

: 画像ギャラリーを実装できる「Galleria」

Galleriaは、わずか数行で画像ギャラリーが作成できるjQueryプラグインです。Airbnbのページで使用されていて、コレいいな～と思い試してみました。ナビゲーション内にサムネイルを

: ローソク足チャート「jqPlot」

「ローソク足チャート」は株価の4本値を表示するグラフでよく使われるグラフです。一つのプロットでOHLC(Open, High, Low, Close) それぞれ、Openは始値、Highは高値、

: エフェクト豊富なニュースティッカー用プラグイン「inewsticker」

「inewsticker」は、色々なエフェクトでニュースティッカーが実装できるjQueryプラグインです。ダウンロードエフェクトには、fade/slide/typingの3つが可能です。デ

: シンプルな画像スライダー/ギャラリー用プラグイン

スライダーやギャラリーを実装できるjQueryプラグインのうちシンプルなものを集めてみました。ベースはシンプルですが、オプションなどを使用してカスタマイズが豊富なものもたくさんありますね。シン

: jqPlot - Legend(凡例) オプション

jqPlotの凡例(Legend)の設定オプションのまとめです。前提は、こちらを参照して下さい。目次凡例を表示凡例の位置 [location, placement] 凡例のフォ

Comment

[jQuery]レスポンシブなフリーのライトボックスプラグインを集めてみた - おやつ部 より:

2016年6月30日 12:05 AM

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

返信
lightbox用プラグイン - MK より:

2015年11月8日 6:42 AM

[…] http://kwski.net/jquery/1149/ […]

返信
実技（JavaScriptプログラミング実習⑥） | 東京の求職者支援訓練 より:

2015年3月11日 7:30 PM

[…] http://kwski.net/jquery/1149/ […]

返信
moritkk246 より:

2015年2月26日 6:38 PM

jQuery, webデザイン, ギャラリー
@Can_I_Use より:

2014年12月25日 5:44 PM

商用利用フリー Lightbox プラグイン http://t.co/JV4Gu3DpcK

返信
@webbibouroku より:

2014年11月5日 4:22 PM

商用利用フリー Lightbox プラグイン http://t.co/CmJhqQPCDw

返信
@sakimori より:

2014年9月4日 10:40 AM

[B!] jQuery | 商用利用フリー Lightbox プラグイン http://t.co/En8ClqFQha

返信

[jQuery]レスポンシブなフリーのライトボックスプラグインを集めてみた - おやつ部へ返信するコメントをキャンセル

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

PREV: テキストから指定文字をハイライト「highlight」・配列をリストに展開「toList」・二重改行を<p>タグへ変換「autoParagraph」
NEXT: Twenty Thirteen カスタマイズ

新規投稿

: [WordPress] Twenty Fifteen カスタマイズ

: [Linux] Ruby 2.xをUbuntuにインストール

: [WordPress] Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止

: [CakePHP] 「isUnique」バリデーション

: [WordPress] 「最近のコメント」ウィジェットをカスタマイズ

: [Ruby] チュートリアルとしてブログアプリ(1)

: [より便利に] UMLモデリング用Eclipseプラグイン「AmaterasUML」

: [jQuery] カレンダー実装プラグイン「Bootstrap Calendar」

: [より便利に] ブラウザでユーザエージェントを切り替えてチェックできるツール

: [MySQL] ユーザ作成と権限設定

→もっと見る

カテゴリー
- CakePHP (9)
- CakePHP 1.3 (22)
- CakePHP 2.x (40)
- iOS (1)
- jQuery (71)
- Linux (18)
- MySQL (6)
- Ruby (2)
- WebAPI (9)
- WordPress (76)
- よもやま話 (32)
- より便利に (17)
- スニペット (3)

@kwski3 からのツイート

最近のコメント

ブックマーク

Tweet