lightbox2

light Box 2 介绍

light Box 2可点击 图片 弹窗 显示 大图，可以左右切换 .?

载入 css 文件

<link rel="stylesheet" href="light Box .css">

载入 JavaScript 文件

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

<script src="light Box .js"></script>

DOM 结构

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

<!-- 如果是一组相关的 图片 ，可以对该组 图片 设置 data-light Box 属性 为相同的值。-->

<a href="img/image-2.jpg" data-light Box ="group">Image #2</a>

<a href="img/image-3.jpg" data-light Box ="group">Image #3</a>

<a href="img/image-4.jpg" data-light Box ="group">Image #4</a>

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

网站地址 : https://lokeshdhakar.com/projects/lightbox2/

GitHub: https://github.com/lokesh/lightbox2

网站描述: 一款很酷的Jquery 图片 弹出放大 显示 特效

lightbox2官方网站

官方网站： https://lokeshdhakar.com/projects/lightbox2/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于lightbox2的详细内容...