JK Responsive – jQuery响应式lightbox插件
简介
JK Responsive 是一款现代的 lightbox/画廊插件，它不仅能用于图片，还可加载 youtobe 视频。同时它还是一款响应式 lightbox/画廊插件，能够适应各种屏幕及大小。
浏览器兼容
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| IE8+ | Edge | Chrome | Firefox | Opera | Safari |
使用方法
1、引入文件
<link rel="stylesheet" href="css/jkresponsivegallery.css"> <script src="js/jquery.min.js"></script> <script src="js/jkresponsivegallery.js"></script>
2、HTML
<div class="dowebok"> <div id="gallery" class="rthumbnail"> <a href="images/1.jpg"> <img src="images/1s.jpg" width="150" height="112"></a> <div class="rcaption">一对鸟在看日出 <a href="###">一个链接</a></div> </div> </div>
3、JavaScript
$(function() {
$('#gallery').responsivegallery();
});
配置
属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| media | 数组 | 空 | 用于动态插入内容 |
| autoclose | 布尔值 | true | 组图模式下浏览完全部后自动关闭 |
| fxduration | 整数 | 150 | 淡入淡出时间 |
GitHub 地址：https://github.com/JavaScript-Kit/jkresponsivegallery
