jQuery lightbox，完美实现浮层图片秀

admin    Plugin     howto, photo gallery, Plugin, 图片播放

这款jQuery插件是由Leandro Vieira Pinho开发，能完美实现浮层图片的幻灯播放功能，就象上图演示的那样。

官方下载（v0.5）：http://leandrovieira.com

该插件效果好，而且使用起来非常简单。

首先，将以下代码复制到头文件中——

<script type="text/javascript" src="js/jquery.js">
<script type="text/javascript" src="js/jquery.lightbox-0.5.js">
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

<script type="text/javascript">
$(function() {
	// 可以按自己需要，选择以下一种方式
	$('a[@rel*=lightbox]').lightBox(); // 举例1）对于所有链接属性ref="lightbox"的图片，执行该插件功能

	// 或者...
	$('#gallery a').lightBox(); // 举例2）对于所有属于对象gallery的图片，执行该插件功能

	// 或者...
	$('a.lightbox').lightBox(); // 举例3）对于所有链接类型class="lightbox"的图片，执行该插件功能

	// 或者...
	$('a').lightBox(); // 4）对于所有链接，执行该插件功能
	// ... 还可以有很多种方式，基于以上范例你可以自己去定义。
});
</script>

之后，我们就可以在需要执行的地方写一句链接语句就可以了。
以上面的3）为例，我们可以在文章编辑器里或其它需要演示图片的地方写下如下代码——

<a class="lightbox" href="image1.jpg"><img src="thumb_image1.jpg" alt="" width="72" height="72" />

注意，在链接描述里，不要漏了 class="lightbox"。

自己试一下吧，真的很简单！