当前位置:JS特效 » 图片效果 » 响应式全屏滚动式jQuery图片画廊插件
 响应式全屏滚动式jQuery图片画廊插件
如果您觉得内容不错,请分享:

插件介绍

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

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:76
简要教程

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

使用方法

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

 
             
                  
                
HTML

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


                
初始化插件

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

SSG.run();
                

配置参数

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

SSG.run({

  // fullscreen or not
  fs: false, 

  // image object
  img: { href: 'url', alt: 'some text' }
  
});                    
                

响应式全屏滚动式jQuery图片画廊插件的github地址为:https://github.com/Roman-Flossler/Simple-Scroll-Gallery

Top