Skip to content

Latest commit

 

History

History
34 lines (28 loc) · 969 Bytes

README.md

File metadata and controls

34 lines (28 loc) · 969 Bytes
Raw

simple-lightbox.js

轻量

这是一个用纯原生js编写的一个lightbox插件，无需引用过多的css，你仅仅需要引入这个js文件即可

示例

如何调用

在header标签里引用插件 
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="lightbox.js"></script>  
</head>

<body>
    <div class="test">
        <img src="1.jpg" alt="">
        <img src="3.jpg" alt="">
    </div>
</body>

直接调用previewImage方法参数传入需要预览img标签的父元素id或者className或者标签名

   <script>
      previewImage('.test')
   </script>