图片灯箱代码支持图片预览效果

头部广告引入JS+CSS

<link href="https://ls-1255672098.cos.ap-beijing.myqcloud.com/site/ls/fancybox.css" rel="stylesheet">
<script src="https://ls-1255672098.cos.ap-beijing.myqcloud.com/site/ls/fancybox.js"></script>

文章html结构一（加图片描述）

<div class="demo_img">
    <a href="图片一" data-fancybox="gallery" data-caption="灯箱下面描述1">
        <img class="" src="图片一">
    </a>
</div>

<div class="demo_img">
    <a href="图片二" data-fancybox="gallery" data-caption="灯箱下面描述2">
        <img class="" src="图片二">
    </a>
</div>

文章html结构一（不加图片描述）

<div class="demo_img">
    <a href="图片一" data-fancybox="gallery" >
        <img class="" src="图片一">
    </a>
</div>

<div class="demo_img">
    <a href="图片二" data-fancybox="gallery" >
        <img class="" src="图片二">
    </a>
</div>