大家可以看看效果：http://www.evaxp.com/pic/
这个演示我是用golive做得。手动添加。错乱排列。主要就是添加这么一段代码
<DIV class=thumbnail><a href="pic/large_000.jpg" rel="lightbox[ziyi]"><img src="pic/small_000.jpg"></a></div>
那么要实现这样的效果应该如何做呢?
首先把要用到的js和css下下来。点击这里下载。
解压后把images js css 这三个文件夹复制到你的页面跟目录
然后在你要添加的页面之间添加
<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" />
做完上面的就是在你要添加这个特效的图片连接上加上
rel="lightbox"
比如：
<a href="大图连接" rel="lightbox"><img src="小图连接"></a>
这个是单图用的。
要添加一系列图的话用下面代码：
<a href="大图连接" rel="lightbox[ziyi]"><img src="小图连接"></a>
其中[ziyi]这个是任意取的参数。参数相同就是同一系列的图片。那么你打开图片后点击半图就连接到上一张。右半图就连接到下一张！
简单的应用吧！
1 .
我这里有免安装版的。
http://www.vingel.com/tools/lightbox/