lightbox的使用

1.官网下载:http://www.lokeshdhakar.com/projects/lightbox2/

2.引入js和css

<script src="js/jquery-1.11.0.min.js"></script> <script src="js/lightbox.min.js"></script> <link href="css/lightbox.css" rel="stylesheet" /> 

3.单张图片

 

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="自定义">Image #1</a>

4.多张幻灯片 data-lightbox文件名

<a href="img/image-2.jpg" data-lightbox="roadtrip">Image #2</a>
<a href="img/image-3.jpg" data-lightbox="roadtrip">Image #3</a>
<a href="img/image-4.jpg" data-lightbox="roadtrip">Image #4</a>

你可能感兴趣的:(使用)