link rel="stylesheet" type="text/css" href="lightbox.css"

1.class="js-lightbox"表示这个元素要启用lightbox
2.data-role="lightbox"表示这个元素要启用lightbox
3.data-source="images/2-1.jpg" 原图的地址
4.data-group="group-2"标识当前是否属于一个组别
5.data-id="ghfh"图片的唯一标识
6.data-caption="nghnhg"当前图片的描述文字

<img
class="js-lightbox"
data-role="lightbox"
data-source="images/1-1.jpg"
src="images/1-1.jpg"
data-group="group-1"
data-id="kwhdiuqwdhiu"
data-caption="这么美的风景，是否让你窒息！"
width="100"
height="100"
/>

一组图片
<img
class="js-lightbox"
data-role="lightbox"
data-group="group-2"
data-caption="俄方未婚夫而更为富人前无古人后突然威风威风"
data-id="sdfsdfw"
data-source="images/2-1.jpg"
src="images/2-1.jpg"
width="100px"
height="100px"
/> <img
class="js-lightbox"
data-role="lightbox"
data-group="group-2"
data-caption="俄方未婚夫但如果热过头热狗热管威风威风"
data-id="fgdgre"
data-source="images/2-2.jpg"
src="images/2-2.jpg"
width="100px"
height="100px"
/>