下载地址和讲解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>