图片/图形
全屏滚动式图片画廊jQuery特效插件
PetitQ
这是一款响应式全屏滚动式 jQuery 图片画廊插件。该插件可以创建一组全屏的图片，通过滚动鼠标滚轮，或者使用键盘的上下箭头按钮，或者在移动设备上通过上下滑动来切换图片的显示。
使用方法
在页面中引入 jquery 和 ssg.js、ssg.css 文件。
也想出现在这里？联系我们吧
<link href="css/ssg.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ssg.js"></script>
HTML 代码
使用下面的结构创建一个图片缩略图布局。
<section class="gallery">
<a href='large.jpg'>
<img src="thumb.jpg" alt="Image 1">
</a>
<a href='large.jpg'>
<img src="thumb.jpg" alt="Image 1">
</a>
<a href='large.jpg'>
<img src="thumb.jpg" alt="Image 1">
</a>
</section>
初始化插件
在页面 DOM 元素加载完毕之后，通过下面的方法来初始化该响应式全屏滚动式 jQuery 图片画廊插件。
SSG.run();
配置参数
响应式全屏滚动式 jQuery 图片画廊插件的可用配置参数有：
SSG.run({
// fullscreen or notfs: false,
// image objectimg: { href: 'url', alt: 'some text' }
});
Github 地址：https://github.com/Roman-Flossler/Simple-Scroll-Gallery
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
