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