adamhenson / lighterbox
此包最新版本(1.0.0)没有可用的许可信息。
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 值。