图片浏览新效果

看到 0000 在网站上弄了一个相册,效果非常好看,我打开他的页面的源代码看了看,在一堆的 JS 中,终于找到了这个:Lightbox。地址在这里:http://www.huddletogether.com/projects/lightbox2/

使用也非常简单,先把下载下来的包解压后复制到网站的目录中,然后在要使用这个页面的文件中加入:

<script src="js/prototype.js" type="text/javascript"><!--mce:0--></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"><!--mce:1--></script>
<script src="js/lightbox.js" type="text/javascript"><!--mce:2--></script>

包含这个 CSS 文件:

 

按这样写好链接:

<a rel="lightbox[roadtrip]" href="images/image-1.jpg">image #1</a>
<a rel="lightbox[roadtrip]" href="images/image-2.jpg">image #2</a>
<a rel="lightbox[roadtrip]" href="images/image-3.jpg">image #3</a>

就可以了

效果在这里: http://www.wait4c.com/album/viewtype.asp?user=8398&typeid=153

发表评论

电子邮件地址不会被公开。 必填项已用*标注