很多细心的朋友都发现阿泽的博客有个小特效，一点图片有个非常炫的动态效果，其实这只是用的一个叫做Shadowbox的JS类库插件来实现的。偶然间发现这个类库也是通过张好运同学用的一个名叫Shadowbox的Wordpress插件，后来我发现此WP插件的Shadowbox版本不是最新的，速度不行，所以就找到了Shadowbox的官方网站，稍微研究了一下，发现还挺好用的，独乐乐不如众乐乐，阿泽现在给大家分享一下。
官方支持站点
http://www.shadowbox-js.com/
大家可以从官方网站下载，不过官方的版本是不带FLV播放器的，所以阿泽也压缩了一个带播放器的版本
http://www.a-ze.com/share/shadowbox_full.rar
使用方法很简单，把解压后的程序目录上传到网站的根目录，然后在页面的<HEAD>部分加入下面的代码
- <link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.css">
- <script type="text/javascript" src="/shadowbox/shadowbox.js"></script>
- <script type="text/javascript">Shadowbox.init({ language: 'en', players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']});</script>
- </link>
然后在需要的超链接的<a>标记内插入 rel=”shadowbox”
图片应用范例
- <a rel="shadowbox;width=500;height=590" href="http://www.a-ze.com/wp-content/uploads/2009/12/3.jpg">
- <img title="阿泽与糖葫芦西施的合影" src="http://www.a-ze.com/wp-content/uploads/2009/12/3.jpg" alt="" width="500" height="590" />
- </a>
点击下面的图片测试：我和糖葫芦西施MM的合影
Shadowbox不仅仅支持图片，还支持FLASH，FLV视频，Windows Media Player能播放的视频，QuickTime能播放的视频，Html页面等等…… 使用方法也是一样的。
具体的运用还是亲自试一试吧，很简单的，另外还有一些参数的运用，阿泽暂时也不是搞的太明白，欢迎一起深入研究。