用于图像和视频的微型画廊灯箱 - mk-lightbox
栏目分类:幻灯片 / 轮播图   发布日期:2021-09-16   浏览次数:

一个非常简单的 JavaScript 库,可以在灯箱弹出窗口或可导航的画廊灯箱中显示您的图像和视频,而无需编写任何 JS 代码。

使用:

1. 要使用灯箱库,只需将以下 JavaScript 和 CSS 文件添加到网页中。

<link rel="stylesheet" href="mklb/css/mklb.css" />
<script src="mklb/js/mklb.js"></script>

2. 将灯箱附加到文档中的图像上。

<img class="mklbItem" src="/path/to/image/" />

3. 在灯箱中获取并显示另一个图像(例如高分辨率图像)。

<img class="mklbItem" src="/path/to/thumbnail/" data-src="/path/to/orginal/" />

4. 获取并在灯箱中显示视频播放器。

<img class="mklbItem" src="/path/to/thumbnail/" data-video-src="/path/to/video/" />

5. 从一组具有相同data-gallery值的图像创建一个画廊灯箱。

<img class="mklbItem" src="/path/to/image1/" data-gallery="myGal" />
<img class="mklbItem" src="/path/to/image2/" data-gallery="myGal" />
<img class="mklbItem" src="/path/to/image3/" data-gallery="myGal" />

官方网站:https://github.com/marcuskirschen/mk-lightbox

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库