Skip to content

aushion/simple-lightbox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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>        

About

a simple lightbox

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published