建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery响应式弹出层灯箱插件venobox.js

来源:易助科技网浏览量:25收藏

简介


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


JQuery响应式弹出层灯箱插件venobox.js-示例图



使用


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