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

时间：2016-01-11 11:58:55 阅读：219 评论：0 收藏：0 [点我收藏+]

标签：

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

标签：

踩

(0)

评论一句话评论（0）

key

加入时间：2016-01-05

关注此人发短消息

文章分类

默认分类（277）

“key”关注的人------（0）

“key”的粉丝们------（0）