简单实用的jQuery图片播放实例和源码

开发 前端
这是一款基于jQuery的图片播放插件,一共分5屏,有JS代码基础的朋友也可以根据自己的需求修改需要展示的图片数量,这个jQuery图片播放插件整体滑动比较流畅,兼容所有主流浏览器。

1、jQuery水平5屏图片播放器

这是一款基于jQuery的图片播放插件,一共分5屏,有JS代码基础的朋友也可以根据自己的需求修改需要展示的图片数量,这个jQuery图片播放插件整体滑动比较流畅,兼容所有主流浏览器。

image

2、jQuery图片水平播放插件

这是一个非常简洁但又十分实用的jQuery图片水平播放插件,这个jQuery图片播放插件允许你自己定义同时滚动几张图片,并且滑动很平滑。

image

3、jQuery仿苹果图片播放器

这是一款基于jQuery的仿苹果样式的图片播放器,这个图片播放器配置简单,外观简洁但不是美观,和苹果的特点非常相符。这个图片播放器非常适合放在你的首页上作为产品图片轮播组件。

image

4、jQuery图片播放器YoxView

YoxView是一款基于jQuery的图片播放器,YoxView不仅可以播放图片,而且还支持视频、Flash、iframe以及任何html元素。YoxView其中一个其他插件没有的特点就是YoxView有多语言支持,可以完美支持中文。

image

5、jQuery lightBox 图片播放插件

jQuery lightBox是一款非常轻巧的图片播放插件,而且配置非常简单。

image

6、jQuery图片播放插件Fancybox

FancyBox是一款基于jQuery的图片播放插件。Fancybox的特点如下:

可以支持图片、html文本、flash动画、iframe以及ajax的支持

可以自定义播放器的CSS样式

可以以组的形式进行播放

如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片

Fancybox播放器支持投影,更有立体的感觉

image

7、jQuery图片播放插件ColorBox

ColorBox是一款基于jQuery的图片播放插件,功能十分强大,而且支持多种漂亮的皮肤。ColorBox插件一个最大的特点就是“小”,整个js脚本才10KB。

image

8、jQuery幻灯片式播放的相册插件

这是一款基于jQuery的相册插件,该jQuery图片播放插件将相片的缩略图展示在一个导航网格中。我们不仅可以手动地点击按钮切换当前的图片,也可以让相册自动播放图片,当然也可以展开网格点击缩略图来浏览整张图片。

image

9、jQuery图片水平滚动插件

这是一款基于jQuery的图片水平滚动插件,这个插件在滚动图片的时候十分流畅,同时支持自动播放,你也可以利用鼠标滚轮来使图片左右滚动。

image

10、jQuery图片层叠展示特效

这是一款基于jQuery的图片展示插件,该图片展示插件将图片交错地叠在一起,当鼠标点击图片时,下一张图片将会浮现上来,效果非常棒。

image

原文链接:http://www.cnblogs.com/cnhtml5/archive/2012/06/21/2557189.html

【编辑推荐】

责任编辑:张伟 来源: HTML5中文网站的博客
相关推荐

2009-06-24 10:58:21

jQuery插件教程

2012-05-07 09:53:10

jQuery

2014-12-31 16:52:53

音乐播放器源码

2011-07-18 15:32:14

iPhone 录音 播放

2011-06-17 11:22:33

jQueryjQuery插件

2011-12-31 15:57:21

Java

2011-01-21 07:22:48

jQuerywebJavaScript

2011-07-07 09:01:52

HTML 5

2013-02-27 10:42:07

前端工具Web

2016-03-14 10:20:41

日历动画Android源码

2011-07-20 14:03:33

jQuery Mobi实用工具

2021-08-24 23:23:35

Python工具开发

2011-12-25 20:16:41

应用

2010-08-27 10:12:53

CSS

2011-03-31 11:40:13

SQL

2013-08-30 10:02:48

2017-02-21 12:20:20

Android事件分发机制实例解析

2022-07-21 14:38:17

PythonShell

2021-05-23 16:23:22

Python 开发编程语言

2014-10-20 09:55:02

点赞
收藏

51CTO技术栈公众号