lightbox JS for MT

lightbox JS 这个JS作用是将图片在Blog上更美观的呈现。你可以点击下列图片查看效果：

不过这个JS比较大，我并没有将代码直接放入首页源码中，所以大家查看效果的时候需要等缓存完毕，要不点击图片会直接弹出窗口。很适合喜欢摄影的博友使用。

安装使用方法：
1、 下载该JS

2、在页面中加入该JS包中的文件识别代码

<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" />

3、使用时，在相应显示图片的文章中加入rel="lightbox"

例如：

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
多张图片顺序播放如下：
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

<a href="$url" rel="lightbox">
<img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>

上面红色的地方是追加的文字。这样在你上传图片的时候就会自动的添加上rel="lightbox"。