bootstrap-lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

Github星跟蹤圖

THIS PLUGIN IS NO LONGER BEING MAINTAINED. IF SOMEONE ELSE WANTS TO MAINTAIN IT FEEL FREE TO FORK THE REPO.

Bootstrap - Lightbox Build Status

This is a plugin for Twitter Bootstrap that adds a lightbox that is based off the modal dialog

Quick start

You have several options. You can clone the repository git clone git://github.com/jbutz/bootstrap-lightbox.git, grab an archive, or use cdnjs.

Once you have the files include the CSS and JavaScript files in your page and then give the example code below a shot.

Example

<a data-toggle="lightbox" href="#demoLightbox">Open Lightbox</a>
<div id="demoLightbox" class="lightbox fade"  tabindex="-1" role="dialog" aria-hidden="true">
	<div class='lightbox-dialog'>
		<div class='lightbox-content'>
			<img src="image.png">
			<div class='lightbox-caption'>
				Your caption here
			</div>
		</div>
	</div>
</div>

Usage

Via data attributes

All you need to do is add data-toggle="lightbox" and href="#lightbox" or data-target="#lightbox" to a link, and set the href so it references the lightbox you want to display.

<a data-toggle="lightbox" href="#demoLightbox">Open Lightbox</a>

Via JavaScript

Open the lightbox with the id myLightbox.

$('#myLightbox').lightbox(options)

Options

主要指標

概覽
名稱與所有者jbutz/bootstrap-lightbox
主編程語言HTML
編程語言CSS (語言數: 3)
平台
許可證Other
所有者活动
創建於2012-04-21 00:18:56
推送於2022-09-03 01:06:49
最后一次提交2022-08-11 07:16:18
發布數9
最新版本名稱v0.7.0 (發布於 )
第一版名稱v0.1.0 (發布於 )
用户参与
星數1k
關注者數94
派生數284
提交數95
已啟用問題?
問題數0
打開的問題數0
拉請求數6
打開的拉請求數3
關閉的拉請求數1
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?