轻量级jQuery画廊插件Lighterbox

 查看演示  website  立即下载

使用方法

<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="/js/libs/jquery/jquery.lighterbox.js"></script>

HTML

<a href="弹出大图地址.jpg" class="lighterbox">
    <img src="预览小图地址.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 }“白”或“黑”选项设置主题。默认的是白色的。

overlayopacity：{string or integer}任何有效的CSS值。

animatespeed：{string or integer}任何有效的CSS值。

PREVIOUS:
NEXT:
jquery响应裁剪插件FocusPoint
jquery弹出插件WebUI Popover