做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery响应式弹出层灯箱插件venobox.js
来源:易助科技网浏览量:7收藏

简介

VenoBox是一个响应式JQuery灯箱插件,用于在弹出窗口显示图片、视频、Iframe页面等等。


使用

1.  引入 jquery 、venobox.css 和 venobox.js文件


2.  HTML

<a class="venobox" data-gall="myGallery" href="image01-big.jpg"><img src="image01-small.jpg" /></a>
<a class="venobox" data-gall="myGallery" href="image02-big.jpg"><img src="image02-small.jpg" /></a>
<a class="venobox" data-gall="myGallery" href="image03-big.jpg"><img src="image03-small.jpg" /></a>


3.  调用

$(document).ready(function(){
$('.venobox').venobox();
}); //配置 $('.venobox_custom').venobox({
framewidth : '400px', // default: '' 设置弹窗的宽度
frameheight: '300px', // default: '' 设置弹窗的高度
border : '10px', // default: '0' 边框
bgcolor : '#5dff5e', // default: '#fff' 背景色
titleattr : 'data-title', // default: 'title' 标题
numeratio : true, // default: false
infinigall : true, // default: false
share : ['facebook', 'twitter', 'download'] // default: []
});


相关链接

官方地址 :http://veno.es/venobox/

Github 地址 :https://github.com/nicolafranchini/VenoBox