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

简介

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