Html5添加製做全屏響應式效果的圖片畫廊插件教程

1、安裝
npm install jquery-gallerybox

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

3、Html結構
<img src="image1.jpg" class="gbox">
<img src="image2.jpg" class="gbox">

4、初始化插件
在頁面DOM元素加載完畢以後，能夠經過gallerybox()方法來初始化該圖片畫廊插件。
$('.gbox').gallerybox();                

或者在初始化時傳入一些配置參數。
$('.gbox').gallerybox({
  bgColor: 'blue',
  bgOpacity: 0.5,
  closeText: 'EXIT'
});     

KeyMob移動廣告聯盟,專業移動廣告聯盟,專一於android/IOS/手機廣告。廣告形式多樣插屏、全屏,banner,視頻等。