一个比较好用的jquery图片弹出框插件

下载地址和讲解http://www.jq22.com/jquery-info21

更多的插件http://www.cnblogs.com/lhb25/archive/2011/04/11/2005330.html

说明，一点修改

1、javascript引用

<span style="font-size:18px;"><!--insert photo-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /></span>

2、添加图片

<span style="font-size:18px;"> <a href="{$url}" rel="lightbox"><img src="{$url}" width="100" height="200" alt="" /></a></span>

注：使用文档里的是一个超链接

<span style="font-size:18px;"><a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a></span>