adamhenson/lighterbox

此包最新版本(1.0.0)没有可用的许可信息。

安装: 29

依赖: 0

建议: 0

安全: 0

星标: 0

关注者: 2

分支: 22

语言:JavaScript

1.0.0 2016-09-26 13:18 UTC

This package is auto-updated.

Last update: 2024-09-07 01:58:27 UTC


README

#lighterbox

一个轻量级的灯箱画廊模块。一个简单的插件,支持现代移动和桌面浏览器,以最小化配置和复杂的代码。可定制。

示例

在此处查看示例。

使用方法

下载 lighterbox 并在 jQuery 之后引用它。

<script src="/js/libs/jquery/jquery.lighterbox.js"></script>

或者通过同步或异步模块定义加载。

所有基本样式都在 JS 中设置,但是很容易通过类选择器覆盖。

HTML

<a href="https://s3.amazonaws.com/hensonism-art/paul-gauguin/gaugin3.jpg" class="lighterbox">
	<img src="https://s3.amazonaws.com/hensonism-art/paul-gauguin/thumbs/gaugin3.jpg" />
	<h2 class="lighterbox-title">Painting by Paul Gaugin</h2>
	<span class="lighterbox-desc">Oil on Canvas</span>
</a>

JavaScript

$(".lighterbox").lighterbox({ overlayColor : "white" });

选项

  • overlayColor : {string} "white" 或 "black" 选项设置主题。默认为白色。
  • overlayOpacity : {string or integer} 任何有效的 CSS 值。
  • animateSpeed : {string or integer} 任何有效的 CSS 值。