一、安装
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,视频等。
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,视频等。