响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件,它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果。

您可能感兴趣的相关文章

1. Slides.js

SlidesJS 是一款响应式的 jQuery 幻灯片插件,经过多年的发展,已经成为一款功能齐全,设计精巧的幻灯片插件。支持循环、自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果。

2. Master Slider

Master Slider 是一个很棒的图层滑块,可以在图层添加任何 HTML 内容。容易使用,提供热点,缩略图,各种特效,视频支持。

3. jQuery Light Slider

jQuery lightSlider 是一个轻量级的可触摸的响应式内容滑块。它支持触摸设备和 Swiping,自带CSS过渡,支持键盘,箭头和圆点导航等等。

4. Royal Slider

Royal Slider 这款 jQuery 插件用于显示任何 HTML 内容(图片,视频,文字.. )内的滑动界面,并配备了很棒的功能。

5. Unslider

Unslider 是另外一款响应式的 jQuery 滑块。没有花哨的特效或不必要的标记。它是流体的,灵活的和极其轻量。

6. uSlider

这是一个响应式和触摸友好的 jQuery 插件滑块。内容可以是任何东西:图像,文本,内部框架, HTML5视频和音频 。

7. Bx Slider

bxSlider 是一个响应式的 jQuery 滑块,用来创建简单的内容滑块和滚动字幕。各种设置进行自定义显示器更容易。

8. Responsive Slides

ResponsiveSlides.js 是一个很小的 jQuery 插件,使用创建一个容器内元素的响应滑块。

9. Slippery

10. Camera

由 Diapo 的开发人员创建的,并且包括众多的功能与响应式的布局工作。幻灯片可以与任何 HTML 元素(图片,文字,视频等)。

11. Slideme

Slideme 是一个响应式的滑块插件 ,可定制,易于使用 ,多实例,全屏。

12. Glide.js

响应式,触摸友好的 jQuery 滑块。基于 CSS3 过渡回退到旧的浏览器。简单,重量轻,速度快。

13. Sequence.js

Sequence.js 是一个非常现代的图片滑动效果,特别适合电子商务网站或者企业产品展示功能。带有图片缩率图,能够呈现全屏图片浏览效果。结合 CSS3 Transition 实现响应式的滑块效果。

14. RTP Slider.js

15. FerroSlider2

FerroSlider是一个免费,简单,功能强大,反应迅速,可定制的 jQuery 插件。组织的任何类型的内容,诸如图像,文本,网页,列表等。您可以使用它作为一个滑动的画廊或滑块单页网站。

16. Juicy Slider

17. Flex Slider

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件,值得大家在网站开发中试试。

18. The liquid Slider

19. Excolo Slider

一个简单的 jQuery 滑动插件,支持响应式设计和触屏设备。

20. Sudo Slider

一个功能丰富的 jQuery 滑块插件,可以显示任何 HTML 内容的各种表示方法。

21. Wow Slider

这是另外一款效果精美的响应式图片轮播插件,有众多专业的模板。

22. Minimus Slider

Minimus Slider 是一个简约的,紧凑的 jQuery 滑块。它反应灵敏,它带有可设置的众多参数以满足您的需求,但它天生就是主要用于处理图像。

英文链接:Responsive jQuery Image Slider for Developer

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

分享22款响应式的 jQuery 图片滑块插件的更多相关文章

  1. 一款手机端的jQuery图片滑块插件

    今天我们要介绍一款比较特别的jQuery图片滑块插件,它不仅在PC浏览器上可以使用,而且更适合在手机端的网页中使用.这款jQuery插件不仅可以定义图片切换的方向,而且可以即时切换图片切换的动画方式, ...

  2. 15 个响应式的 jQuery 图像滑块插件

    设计师和开发人员总是试图使用新技术让网站更智能,而我们发现在许多网站上 jQuery 的图像滑块插件是非常受欢迎的.本文继续介绍 15 个 jQuery 图像滑块插件以供您选择. ELASTISLID ...

  3. 推荐15款响应式的 jQuery Lightbox 插件

    利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...

  4. 唯美!分享8款响应式的 WordPress 餐厅主题

    您是否拥有一个餐厅,酒吧,咖啡馆,小酒馆,比萨饼店?如果答案是肯定的,请确保您在网上也提供服务.为了使您的工作更轻松,我们选择了一些新的和独特的餐厅主题,覆盖了范围很广的食品企业.这些主题提供了很多很 ...

  5. 不容错过的七个jQuery图片滑块插件

    1.jQuery多图并列焦点图插件 今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示.和其他jQuery焦点图一样,这 ...

  6. 前端不容错过的jQuery图片滑块插件

    作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也 ...

  7. 前端开发不容错过的jQuery图片滑块插件(转)

    作为前端开发者,我们会碰到很到各种各样的jQuery插件.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到. 1.jQu ...

  8. 12款响应式的 jQuery 旋转木马(传送带)插件

    在企业网站,作品集网站,电子商务网站或任何其他类型的网站内容显示图片可以使用 jQuery 旋转木马(传送带)插件来实现. jQuery 旋转木马插件允许开发人员以水平或垂直的方式显示内容,视频和图像 ...

  9. 一款简单实用的jQuery图片画廊插件

    图片画廊 今天分享一个自己实现的jQuery 图片画廊插件. 看一下效果图: 点击图片时: 在线演示地址:http://www.jr93.top/photoGallery/photoGallery.h ...

随机推荐

  1. 【WP8.1开发】基于应用的联系人存储

    上一篇文章所吹的牛是访问系统(手机)上的联系人,当然那只是读不能改,这是自然的,要是让你能随便修改用户的联系人信息的话,那后果很严重,有些恶意开发者就有可能把”你的户口改成猪“. 但是,API也允许应 ...

  2. Topology and Geometry in OpenCascade-Edge

    Topology and Geometry in OpenCascade-Edge eryar@163.com 摘要Abstract:本文简要介绍了几何造型中的边界表示法(BRep),并结合程序说明O ...

  3. java集合框架之Set

    Set集合 元素不可以重复,是无序. 方法与list相同 HashSet:不保证set的迭代顺序,不同步,内部数据结构是哈希表 如果存自定义对象则需要覆盖equals和hashCode方法 先比较ha ...

  4. 网络通信之Socket与LocalSocket的比较

    Socket与LocalSocket都可以实现网络通信,两个有什么区别呢? LocalSocket其通信方式与Socket差不多,只是LocalSocket没有跨越网络边界. 于是,思考到一个问题:a ...

  5. AngularJS入门心得2——何为双向数据绑定

    前言:谁说Test工作比较轻松,最近在熟悉几个case,差点没疯.最近又是断断续续的看我的AngularJS,总觉得自己还是没有入门,可能是自己欠前端的东西太多了,看不了几行代码就有几个常用函数不熟悉 ...

  6. Android抓包方法(三)之Win7笔记本Wifi热点+WireShark工具

    Android抓包方法(三) 之Win7笔记本Wifi热点+WireShark工具 前言 做前端测试,基本要求会抓包,会分析请求数据包,查看接口是否调用正确,数据返回是否正确,问题产生是定位根本原因等 ...

  7. Windows Azure Cloud Service (40) 使用VS2013的publishSettings文件,发布Cloud Service

    <Windows Azure Platform 系列文章目录> 在之前的文档中,笔者已经介绍了如何使用本地证书上传至云端的方式,将本地的Cloud Service发布至云端. 在本章中,笔 ...

  8. Elasticsearch——使用_cat查看Elasticsearch状态

    Elasticsearch通过使用JSON来作为沟通的数据格式,这对于开发者来说很友好,因为很多程序都支持JSON格式.比如js就不说了,Java也有fastjson,ruby什么的都自带json. ...

  9. RAID磁盘阵列的搭建(以raid0、raid1、raid5、raid10为例)

    mdadm工具的使用 -C或--creat 建立一个新阵列 -r 移除设备 -A 激活磁盘阵列 -l 或--level= 设定磁盘阵列的级别 -D或--detail 打印阵列设备的详细信息 -n或-- ...

  10. 六、GAIA

    1.      GAIA CSR GAIA (Generic Application Interface Architecture)提供了一个端到端的,与主机无关的生态系统来实现主机应用程序对设备的功 ...