前端开发必备,最佳6款用于移动网站开发的jQu
分类:关于美高梅

随着智能手机的普及,越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件,这些插件很好的处理了触屏事件,效果平滑,帮助你构建用户体验良好的移动网站。

 随着智能手机的普及,越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件,这些插件很好的处理了触屏事件,效果平滑,帮助你构建用户体验良好的移动网站。
PhotoSwipe
图片 1

  图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。

PhotoSwipe

PhotoSwipe 是一款免费的 jQuery 图片库插件,支持 iPhone, iPad, Android, Blackberry 等各种移动设备。
Mobile Photo Album
图片 2

Nivo Slider

图片 3

Mobile Photo Album 是一款非常易用的相册插件,帮助你在移动网站中构建优秀的相册功能。
Unoslider
图片 4

首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本。

PhotoSwipe 是一款免费的 jQuery 图片库插件,支持 iPhone, iPad, Android, Blackberry 等各种移动设备。

特别推荐 unoslider 这款幻灯片插件,基于响应式设计,拥有众多切换效果,支持触屏。
Touch Gallery
图片 5

目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色:

Mobile Photo Album

Touch Gallery 帮助你在移动浏览器中实现类似原生的照片浏览应用的效果。
swipejs
图片 6

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

图片 7

Swipe 是一款轻量的,用于移动网站开发的 jQuery 图片滑块插件,简单易用。
TN3 Gallery
图片 8

图片 9

Mobile Photo Album 是一款非常易用的相册插件,帮助你在移动网站中构建优秀的相册功能。

压轴的这款 jQuery 相册插件是这里面功能最丰富的,支持幻灯片展示、不同的布局方式以及多样的切换效果。
 
您可能还喜欢
 
60款很酷的 jQuery 幻灯片演示和下载
12个很棒的学习 jQuery 的网站推荐
20个最让人期待的 jQuery 相册插件
Web开发者必备的20款超赞jQuery插件
分享27款非常棒的 jQuery 表单插件  

插件下载     效果演示

Unoslider

jQuery 图片滑块插件,这...

3D Image Slider

图片 10

非常非常酷的 3D 图片滑动效果,有五种绚丽的效果演示。

特别推荐 unoslider 这款幻灯片插件,基于响应式设计,拥有众多切换效果,支持触屏。

立体效果是基于CSS3实现的,请使用最新 Chrome,Firefox 和 Safari 浏览器浏览效果。

Touch Gallery

对于不支持 CSS3 的浏览器提供了优雅的降级处理,这款插件还有详细的制作教程。

图片 11

图片 12

Touch Gallery 帮助你在移动浏览器中实现类似原生的照片浏览应用的效果。

插件下载     效果演示

swipejs

Flexslider

图片 13

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。

Swipe 是一款轻量的,用于移动网站开发的 jQuery 图片滑块插件,简单易用。

这款插件也是 2011 年度最佳 jQuery 插件,今年被 WooThemes 收购并发布了2.0版本,因此继续入选 2012 年度榜单。

TN3 Gallery

主要特色

图片 14

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

压轴的这款 jQuery 相册插件是这里面功能最丰富的,支持幻灯片展示、不同的布局方式以及多样的切换效果。

图片 15

您可能感兴趣的文章:

  • 12款经典的白富美型—jquery图片轮播插件—前端开发必备
  • 跟我一起学写jQuery插件开发方法(附完整实例及下载)
  • jQuery插件开发的两种方法及$.fn.extend的详解
  • 基于Jquery插件开发之图片放大镜效果(仿淘宝)
  • 自己动手开发jQuery插件教程
  • jquery插件开发方法(初学者)
  • 跟我一起学JQuery插件开发
  • jQuery插件开发详细教程
  • jQuery 插件开发 其实很简单
  • 为开发者准备的10款最好的jQuery日历插件
  • 总结jQuery插件开发中的一些要点

插件下载     效果演示

Elastislide

Elastislide 是一款非常优秀的响应式 jQuery 幻灯片插件,集成了 Touchwipe 插件以支持触屏设备。

提供了四种效果

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

这款插件也有详细的制作教程,非常详细,可以学习到插件的制作方法。

图片 16

插件下载     效果演示

3D Gallery

特别推荐!精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中。

支持导航和自动播放功能, 基于 CSS3 实现,推荐使用最新的 Chrome,Firefox 和 Safari 浏览器浏览效果。

图片 17

插件下载     效果演示

Image Transitions

基于 jQueryCSS3 动画实现的图片过渡效果。

共有Flip、Rotation、Multi-flip、Cube、Unfold等6种效果。

这款插件有详细的制作教程可以参考学习。 

图片 18

插件下载     效果演示

Slidesjs

Slides 是一个非常简洁的 jQuery 图片轮播插件,其特点是自动循环播放、图片预加载以及自动分页功能。

使用示例 

✓  Images with captions✓  Linking✓  Product✓  Multiple slideshows✓  Simple (unstyled)✓  Standard

图片 19

下载插件     效果演示

Galleria

这是一个响应式的 JavaScript 相册插件,目的是让制作专业相册功能变得更加简单。

Galleria 支持缩略图导航、全屏浏览和自动播放功能,支持 iPhone,iPad Touch 等移动触屏设备。

图片 20

下载插件     效果演示

AnythingSlider

AnythingSlider 由CSS-Tricks 的Chris Coyier 设计,功能齐全,效果精美,应用十分广泛。

主要特色

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

图片 21

下载插件     效果演示

WOW Slider

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

提供了 Rotate,Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade 等精美的轮播效果。

图片 22

下载插件     效果演示

An HTML5 Slideshow

基于 HTML5 Canvas 和 jQuery 制作的图片幻灯片效果,有详细的制作教程可以学习。

详细的制作教程和实现思路参考这里,An HTML5 Slideshow With Canvas & jQuery。

图片 23

下载插件     效果演示

Awkward Showcase

提供常见的图片轮播效果,可以前后切换,也可以通过页码导航,能够在一页上显示也可以幻灯片形式显示。

效果演示

✓  Normal ✓  Vertical thumnbails ✓  Horizontal thumbnails ✓  Dynamic height ✓  Hundred percent ✓  Viewline

图片 24

下载插件     效果演示

作者:山边小溪
出处:

您可能感兴趣的文章:

  • jQuery图片轮播的具体实现
  • 基于JQuery的实现图片轮播效果(焦点图)
  • 原生js和jquery实现图片轮播淡入淡出效果
  • 基于jQuery实现左右图片轮播(原理通用)
  • 基于jquery的图片轮播 tab切换组件
  • jQuery左右滚动支持图片放大缩略图图片轮播代码分享
  • jQuery制作简洁的图片轮播效果
  • 简单的jQuery banner图片轮播实例代码
  • jQuery动画效果图片轮播特效
  • 用jQuery实现圆点图片轮播效果
  • jQuery实现图片简单轮播功能示例

本文由美高梅网址发布于关于美高梅,转载请注明出处:前端开发必备,最佳6款用于移动网站开发的jQu

上一篇:js原型链原理看图说明,深入理解JavaScript系列 下一篇:没有了
猜你喜欢
热门排行
精彩图文