Lightbox2 图片弹出

 一：首先你下载包放到你的工程里面

       Lightbox2在我的附件里，你也可以访问：http://www.huddletogether.com/projects/lightbox2/

二：在你的jsp界面中插入

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

 

三：加入样式

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

 

四：直接引用

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

 

 

 

主页:http://www.lokeshdhakar.com/projects/lightbox2/

下载:http://www.lokeshdhakar.com/projects/lightbox2/#download

示例:http://www.lokeshdhakar.com/projects/lightbox2/#example