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?
已存档?
是复刻?
已锁定?
是镜像?
是私有?