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


Related

Lightbox (画像ポップアップ) プラグイン Lightboxプラグイン「Boxer」 レスポンシブ対応の画像スライダー・ギャラリー用プラグイン Default Thumbnailスライダー・ギャラリー プラグイン Default Thumbnailポップアップ・モーダル ウィンドウ プラグイン マウスオーバーでキャプション表示してくれる プラグイン カルーセル プラグイン Default Thumbnailバリデーション プラグイン
  • このエントリーをはてなブックマークに追加

関連記事

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

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

画像ズーム プラグイン

画像をズームしてくれるプラグインには、ツールチップ的にサムネイルにマウスオーバーした部分をズームアップしたり元画像を表示したり、その画像内でインナーズームする というような機能があるようです。

no image

スワイプ対応の画像スライダー・ギャラリー用プラグイン

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

iTunesのCover Flowのようなギャラリーが実装できる「ContentFlow」

「ContentFlow」は、iTunesのCover Flowのように左右に流れるギャラリーが実装できるjQueryプラグインです。ダウンロード スクリプト 実装

no image

シンプルにポップアップを実装できる「PopBox」

「PopBox」は、シンプルにポップアップを実装できるjQueryプラグインです。 スクリプト HTML Click Here!

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

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

カルーセル プラグイン

「カルーセル(Carousel)」とは"回転木馬"という意味らしいのですが、jQuery(Javascript)では画像やコンテンツをスライド表示させるもののようです。が、スライダーとの違いはよく分り

レスポンシブに対応した画像ギャラリーが実装できる「Responsive Image Gallery」

「Responsive Image Gallery with Thumbnail Carousel」はレスポンシブにも対応した画像ギャラリーが実装できるjQueryプラグインです。Twitterの「最

入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」

「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。 ダウンロード スクリプト 実装 v

no image

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

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

Comment

Message

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

CAPTCHA

*

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

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

新規投稿

  • ブックマーク

    PAGE TOP ↑