资源分类

lightbox2可点击图片弹窗显示大图，可以左右切换 . 

载入 css 文件

<link rel="stylesheet" href="lightbox.css">

载入 JavaScript 文件

<script src="jquery.js"></script>
<script src="lightbox.js"></script>

dom 结构

<a href="image-1.jpg" data-lightbox="image-1" data-title="文字说明">Image #1</a>

<!-- 如果是一组相关的图片，可以对该组图片设置 data-lightbox 属性为相同的值。-->
<a href="img/image-2.jpg" data-lightbox="group">Image #2</a>
<a href="img/image-3.jpg" data-lightbox="group">Image #3</a>
<a href="img/image-4.jpg" data-lightbox="group">Image #4</a>

以上内容设置好即可，会自动调用 Lightbox。

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1669