Html5添加制作全屏响应式效果的图片画廊插件教程

一、安装
npm install jquery-gallerybox

二、使用方法
<link rel="stylesheet" type="text/css" href="css/gallerybox.css">              
<script src="js/jquery.min.js"></script>
<script src="js/jquery.gallerybox.js"></script>    

三、Html结构
<img src="image1.jpg" class="gbox">
<img src="image2.jpg" class="gbox">

四、初始化插件
在页面DOM元素加载完毕之后，可以通过gallerybox()方法来初始化该图片画廊插件。
$('.gbox').gallerybox();                

或者在初始化时传入一些配置参数。
$('.gbox').gallerybox({
  bgColor: 'blue',
  bgOpacity: 0.5,
  closeText: 'EXIT'
});     

KeyMob移动广告联盟,专业移动广告联盟,专注于android/IOS/手机广告。广告形式多样插屏、全屏,banner,视频等。