实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
5
        <link rel="stylesheet" href="//ku.shouce.ren/libs/lightbox/2.7.1/css/lightbox.css">
6
        <script type="text/javascript" src="https://ku.shouce.ren/libs/jquery/1/jquery1.7.2.min.js">
7
        </script>
8
        <script src="//ku.shouce.ren/libs/lightbox/2.7.1/js/lightbox.min.js">
9
        </script>
10
    </head>
11
    <body>
12
        <div class="main">
13
            <div class="inwrap">
14
                <h1>jQuery Lightbox2 灯箱效果
15
                </h1>
16
                <h2>基础示例
17
                </h2>
18
                <div class="example">
19
                    <h3>单张图片展示
20
                    </h3>
21
                    <a class="example-image-link" href="//ku.shouce.ren/libs/lightbox/2.7.1/img/image-1.jpg" data-lightbox="example-1">
22
                        <img class="example-image" src="//ku.shouce.ren/libs/lightbox/2.7.1/img/thumb-1.jpg" alt="image-1">