博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Html5添加制作全屏响应式效果的图片画廊插件教程
阅读量:7162 次
发布时间:2019-06-29

本文共 567 字,大约阅读时间需要 1 分钟。

hot3.png

一、安装

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,视频等。

转载于:https://my.oschina.net/u/2505907/blog/600632

你可能感兴趣的文章