jQuery Lightbox图片展示插件, Lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的。今天,本文要与大家分享一个很棒的 jQuery Lightbox 效果插件。
调用方法:
class='js-lightbox' 表示这个元素要启用lightbox
data-role='lightbox' 表示这个元素要启用lightbox
data-source='images/1-1.jpg' 原图的地址
data-group='group-1' 表示当前是否属于一个组别
data-id='one' 图片的唯一标识
data-caption='oneone' 当前图片的描述文字