chickbox 的使用

chickbox是基于jQuery的一个插件，用于展于图片或是浏览图片等。

• 所以首先要导入jQuery的js文件。还有chickbox所依赖的文件

<script  src="jquery/jquery-1.4.2.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="path-to-file/thickbox.js"></script>

• 然后在需要图片查看处

<a href="upload/${service.pictureName }" class="thickbox" title="${service.serviceCnName}" >

    <img src="upload/${service.pictureName }" alt="Plant" width="75" height="55"/>

  </a> 

•   所chickbox 需要的两张图片放到工程image下

  一定要加一个<a> 给他加一个class="chickbox"

 

效果图：