ColorBox是一款功能强大的轻量级jQuery Lightbox插件。ColorBox支持单个图片展示、分组图片展示、幻灯片、行内样式和iframe内容。该lightbox插件的兼容性极好，可以兼容IE7+的IE浏览器
使用方法：
引用jquery文件和colorbox文件
<link href="css/colorbox.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.colorbox.js" type="text/javascript"></script>
html代码
<a href="images/1.jpg" rel="jack" title="图片1">
<img src="images/1.jpg" /></a>colorbox插件初始化
<script type="text/javascript">
$(document).ready(function (e) {
$("a[rel='jack']").colorbox({ transition: "fade" });
});
</script>更多配置参数
transition: "elastic", //过渡型。可以设置为“elastic”，“fade”，或“none”。
speed: 350, //效果切换速度，以毫秒为单位。
width: false, //设定一个总宽度。
height: false, //设定一个总高度。
initialWidth: "400", //设置初始宽度，正在加载任何内容之前。
initialHeight: "400", //设置初始高度，正在加载任何内容之前。
maxWidth: false, //设置内容的最大宽度。
maxHeight: false, //设置内容的最大高度。
iframe: false, //指定的内容会被显示在iFrame中
photo: false, //是否强制Colorbox将一个链接显示为图片
href: false, //该参数用于替换锚链接，或一个无URL连接的元素，如图片，或表单按钮
title: false, //这可以作为一个锚定的方式
rel: false, //它允许用户将任何元素组合为一个组，制作图片画廊
opacity: 0.9, //遮罩层的透明度。值从0-1
preloading: true, //运行在组中预加载前一幅和下一幅图片
current : "image {current} of {total}",//图片组中图片数量。{current} 和 {total}在运行时会被替换
previous : "previous",//前一张图片按钮的显示文字
next: "next", //下一张图片按钮的显示文字
close: "close", //关闭按钮上的显示文字。
open: false, //如果为true，Colorbox会立刻打开
overlayClose: true, //如果为false，禁止点击遮罩层关闭Colorbox
slideshow: false, //如果是真的，增加了一个自动的幻灯片内容组/画廊。
slideshowAuto: true, //如果是真的，幻灯片将自动开始播放。
slideshowSpeed: 2500, //设置幻灯片的速度，以毫秒为单位。
slideshowStart: "start slideshow", //为幻灯片开始按钮文字。
slideshowStop: "stop slideshow"//停止自动滑动按钮的文本
