Jquery lightbox 插件实现 图片弹出层放大效果（可浏览上一张 下一张） 详见截图

lightbox 查看图片效果，只需要以下3步即可

1、添加引用

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

2、设置连接属性即可 class=lightbox用来识别对象 rel=roadtrip 用来识别对象间的关系

3、初始化脚本

<script type="text/javascript">

        $(document).ready(function () {
            $(".lightbox").lightbox({
                xScale: 1.2,
                yScale: 1.2,
                fitToScreen: true,
                imageClickClose: false
            });
        });
    </script>

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2013-04-07 18:58  jquery-lightbox-master\
     文件           9  2013-04-07 18:58  jquery-lightbox-master\.gitignore
     目录           0  2013-04-07 18:58  jquery-lightbox-master\css\
     文件        2544  2013-04-07 18:58  jquery-lightbox-master\css\lightbox.css
     目录           0  2013-04-07 18:58  jquery-lightbox-master\images\
     文件          43  2013-04-07 18:58  jquery-lightbox-master\images\blank.gif
     文件         222  2013-04-07 18:58  jquery-lightbox-master\images\close.gif
     文件         979  2013-04-07 18:58  jquery-lightbox-master\images\closelabel.gif
     文件      125679  2013-04-07 18:58  jquery-lightbox-master\images\image-0.jpg
     文件       37587  2013-04-07 18:58  jquery-lightbox-master\images\image-1.jpg
     文件       76562  2013-04-07 18:58  jquery-lightbox-master\images\image-2.jpg
     文件       43478  2013-04-07 18:58  jquery-lightbox-master\images\image-3.jpg
     文件        2767  2013-04-07 18:58  jquery-lightbox-master\images\loading.gif
     文件         305  2013-04-07 18:58  jquery-lightbox-master\images\next.gif
     文件        1252  2013-04-07 18:58  jquery-lightbox-master\images\nextlabel.gif
     文件         307  2013-04-07 18:58  jquery-lightbox-master\images\prev.gif
     文件        1264  2013-04-07 18:58  jquery-lightbox-master\images\prevlabel.gif
     文件        1842  2013-04-07 18:58  jquery-lightbox-master\images\thumb-0.jpg
     文件        2874  2013-04-07 18:58  jquery-lightbox-master\images\thumb-1.jpg
     文件        1849  2013-04-07 18:58  jquery-lightbox-master\images\thumb-2.jpg
     文件        2140  2013-04-07 18:58  jquery-lightbox-master\images\thumb-3.jpg
     文件        5857  2013-04-10 10:07  jquery-lightbox-master\index.html
     文件       16072  2013-04-07 18:58  jquery-lightbox-master\jquery.lightbox.js
     文件        1569  2013-04-07 18:58  jquery-lightbox-master\LICENSE.txt
     文件         197  2013-04-07 18:58  jquery-lightbox-master\README.markdown