clearbox使用心得

 

     最近项目中需要一个照片展示的效果，于是在网上找相关的 JS 插件，看了诸多 JS 插件，我决定使用 clearbox ，看官方的 demo ，这个还是比较适合目前的项目需求。先这么用吧。

根据网上的使用 demo ，我在 html 里也做了一个同样的 demo ，感觉还是挺完美的。于是开始把这个 clearbox 加入到我的 SSH 项目中。

使用 clearbox 很简单，没有多余的代码，只需引入 clearbox.js 和 clearbox.css 即可。

<a href="images/test.jpg" rel="clearbox[test]" ><img src="images/5.jpg" alt=" 测试图片 " style="width:220px;height:220px;" border="0" /></a>

特别注意的就是 rel="clearbox[test]" ， test 是分组

这个效果还是不错的，在 jsp 中使用是需要后台加载的图片的，以供展示。这里需要注意的是需要手动调用 clearbox.js 中的 CB_Init(); 这也是我后来看官网才发现的，网上这方面的资料相对较少，都只是一个静态的 demo ，花了我好长时间才弄好。记录下来以便日后回顾一下。

demo附上。