12款经典图片轮播jquery插件

知更鸟 2015年1月24日23:06:32Web前端6141.3K255阅读模式

图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Nivo Slider

首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色:文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

  • ✓  16个独特的过渡效果
  • ✓  简洁和有效的标记
  • ✓  加载参数设置
  • ✓  内置方向和导航控制
  • ✓  压缩版本大小只有12KB
  • ✓  支持链接图像
  • ✓  支持 HTML 标题
  • ✓  3套精美光滑的主题
  • ✓  在MIT许可下免费使用
  • ✓  支持响应式设计

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

插件下载     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

3D Image Slider

非常非常酷的 3D 图片滑动效果,有五种绚丽的效果演示。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

立体效果是基于 CSS3 实现的,请使用最新 Chrome,Firefox 和 Safari 浏览器浏览效果。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

对于不支持 CSS3 的浏览器提供了优雅的降级处理,这款插件还有详细的制作教程。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

插件下载     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Flexslider

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

这款插件也是 2011 年度最佳 jQuery 插件,今年被 WooThemes 收购并发布了2.0版本,因此继续入选 2012 年度榜单。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

主要特色

  • ✓  简单的,语义化的标签;
  • ✓  支持所有主流的浏览器;
  • ✓  水平/垂直滑动和淡入淡出动画;
  • ✓  支持多个滑块,回调 API,以及更多;
  • ✓  触摸滑动支持硬件加速;
  • ✓  能够自定义导航选项。
  • ✓  兼容最新版本的 jQuery。

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

插件下载     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Elastislide

Elastislide 是一款非常优秀的响应式 jQuery 幻灯片插件,集成了 Touchwipe 插件以支持触屏设备。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

提供了四种效果

  • ✓  水平图片传送带
  • ✓  垂直图片传送带
  • ✓  固定在屏幕底部
  • ✓  缩略图形式预览

这款插件也有详细的制作教程,非常详细,可以学习到插件的制作方法。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

插件下载     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

3D Gallery

特别推荐!精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

支持导航和自动播放功能, 基于 CSS3 实现,推荐使用最新的 Chrome,Firefox 和 Safari 浏览器浏览效果。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

插件下载     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Image Transitions

基于 jQueryCSS3 动画实现的图片过渡效果。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

共有Flip、Rotation、Multi-flip、Cube、Unfold等6种效果。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

这款插件有详细的制作教程可以参考学习。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

插件下载     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Slidesjs

Slides 是一个非常简洁的 jQuery 图片轮播插件,其特点是自动循环播放、图片预加载以及自动分页功能。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

使用示例

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

下载插件     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Galleria

这是一个响应式的 JavaScript 相册插件,目的是让制作专业相册功能变得更加简单。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Galleria 支持缩略图导航、全屏浏览和自动播放功能,支持 iPhone,iPad Touch 等移动触屏设备。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

下载插件     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

AnythingSlider

AnythingSlider 由CSS-Tricks 的Chris Coyier 设计,功能齐全,效果精美,应用十分广泛。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

主要特色

  • ✓  简单的,语义化的标签;
  • ✓  水平/垂直滑动和淡入淡出动画;
  • ✓  主题可以适用于单个滑块;
  • ✓  同一个页面可以显示多个滑动模块;
  • ✓  提供了丰富的自定义参数选项。
  • ✓  支持所有主流的浏览器;

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

下载插件     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

WOW Slider

这是另外一款效果精美的响应式图片轮播插件,有众多专业的模板。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

提供了 Rotate,Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade 等精美的轮播效果。
文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

下载插件     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

An HTML5 Slideshow

基于 HTML5 Canvas 和 jQuery 制作的图片幻灯片效果,有详细的制作教程可以学习。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

详细的制作教程和实现思路参考这里,An HTML5 Slideshow With Canvas & jQuery文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

下载插件     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

Awkward Showcase

提供常见的图片轮播效果,可以前后切换,也可以通过页码导航,能够在一页上显示也可以幻灯片形式显示。文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

效果演示

 文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

12款经典图片轮播jquery插件文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

下载插件     效果演示文章源自知更鸟-https://zmingcx.com/12-picture-carousel-jquery-plugins.html

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
让 WordPress 页面支持添加分类及标签 WordPress

让 WordPress 页面支持添加分类及标签

默认WordPress页面不支持选择分类和添加标签,可以通过下面的方法为页面添加分类及标签。 将下面代码添加到当前主题函数模板functions.php中: function san_add_taxo...
自定义 WordPress 文章显示数量 WordPress

自定义 WordPress 文章显示数量

一般我们都在设置 → 阅读 → 博客页面至多显示中,统一设置每个页面的文章显示数量,如果想某些页面自定义显示数量,不受这个控制,可以通过下面的代码实现。 自定义 WordPress 文章显示数量 将下...
WordPress 在文章页以标签云形式显示文章标签 WordPress

WordPress 在文章页以标签云形式显示文章标签

大家都看过WordPress 标签小工具的标签云,标签按文章数显示不同的大小,看上去很生动,那么在文章页面是否也可以用标签云的形式调用该文章标签呢?当然是可以的。 WordPress 在文章页以标签云...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定

评论:6   其中:访客  6   博主  0
    • 消灭星星
      消灭星星 3

      前排,学习了,感谢分享。

      • 恩呢
        恩呢 0

        学到很多哈哈

        • 它季
          它季 2

          现在主题都实现了响应式,所以在手机上幻灯片能随手势滑动是最好的,swiper这个插件算是不错的选择。

          • 这是一个游客
            这是一个游客 1

            第一个插件找不到了(NOT FOUND),博主有资源的话能不能发一个到我邮箱呀?

            • 美Win网
              美Win网 4

              swiper确实好一点。

              • xiaomo
                xiaomo 0

                这些插件实在是太牛了~~!!也帮助了俺,真心拜谢~~