图片/图形

全屏滚动式图片画廊jQuery特效插件

阿里云


这是一款响应式全屏滚动式 jQuery 图片画廊插件。该插件可以创建一组全屏的图片,通过滚动鼠标滚轮,或者使用键盘的上下箭头按钮,或者在移动设备上通过上下滑动来切换图片的显示。

使用方法

在页面中引入 jquery 和 ssg.js、ssg.css 文件。

也想出现在这里?联系我们
创客主机
  1. <link href="css/ssg.css" rel="stylesheet"> 
  2. <script type="text/javascript" src="js/jquery.min.js"></script>             
  3. <script type="text/javascript" src="js/ssg.js"></script>

HTML 代码

使用下面的结构创建一个图片缩略图布局。

  1. <section class="gallery">
  2.  
  3.   <a href='large.jpg'>
  4.     <img src="thumb.jpg" alt="Image 1">
  5.   </a>
  6.  
  7.   <a href='large.jpg'>
  8.     <img src="thumb.jpg" alt="Image 1">
  9.   </a>
  10.  
  11.   <a href='large.jpg'>
  12.     <img src="thumb.jpg" alt="Image 1">
  13.   </a>
  14.  
  15. </section>

初始化插件

在页面 DOM 元素加载完毕之后,通过下面的方法来初始化该响应式全屏滚动式 jQuery 图片画廊插件。

  1. SSG.run();

配置参数

响应式全屏滚动式 jQuery 图片画廊插件的可用配置参数有:

  1. SSG.run({
  2.  
  3.   // fullscreen or not
  4.   fs: false, 
  5.  
  6.   // image object
  7.   img: { href: 'url', alt: 'some text' }
  8.  
  9. });

Github 地址:https://github.com/Roman-Flossler/Simple-Scroll-Gallery

全屏滚动式图片画廊 jQuery 特效插件

已有 331 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!