JQuery常用插件大全(1): Lightbox JS
1、在百度搜索中搜索关键词"Lightbox JS",如下图所示。

3、Include the CSS at the top of your page in your <head> tag:(引入CSS文件再页面的头部<hed>标签之间)<link href="path/to/lightbox.css" rel="stylesheet">
4、Include the Javascript at the bottom of your page before the closing 媪青怍牙</body> tag:引入Javascript文件再页面的底部在body标签关闭之前,如下所示。<script src="path/to/lightbox.js"></script>
5、DOM 结构<ahref="挢旗扦渌;image-1.jpg"data-lightbox="i罪焐芡拂mage-1"data-title="文字说明">Image#1</a><!--如果是一组相关的图片,可以对该组图片设置data-lightbox属性为相同的值。--><ahref="img/image-2.jpg"data-lightbox="group">Image#2</a><ahref="img/image-3.jpg"data-lightbox="group">Image#3</a><ahref="img/image-4.jpg"data-lightbox="group">Image#4</a>以上内容设置好即可,会自动调用 Lightbox。

7、参数说明注意:目前除了修改源码,不能在调用的时候修改参数(因为是自动调用的,并且参数没有暴露到外部),期待以后的更新能完善该功能。

9、jQuery Lightbox2 灯箱效果,如下图所示。
