资讯频道 → Web前端
阅读更多

4顶
0踩

Web前端

原创新闻 7 个简单实用的 jQuery 图片播放器

2012-08-15 16:37 by 见习编辑 html5_dev 评论(4) 有8683人浏览
jquery 图片画廊 插件 幻灯

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

在网页特效中，我们经常会遇到需要循环播放图片的情况，比如首页上的广告轮播或者相册浏览等。如何简单的实现一款漂亮平滑的图片播放插件呢？下面就介绍几款非常不错的jQuery图片播放插件，希望对大家有所帮助。

1、jQuery图片播放插件Diapo

这是一款基于jQuery的图片播放插件，提供缩略图效果和多种图片切换动画效果，并且支持任何HTML元素的播放切换。



2、jQuery滑杆式图片播放器jCoverflip

jCoverflip是另一种形式的jQuery图片播放器，该图片播放器可以通过拖动下面的滚动条来切换滑动图片，非常简单实用。



3、jQuery带缩略图的图片播放插件SlideShow

这是一款基于jQuery的图片播放插件，该图片播放插件带有缩略图，用户可以点击缩略图来切换图片，使用非常方便。



4、jQuery图片播放插件Nivo Slider

Nivo Slider是一款基于jQuery的图片播放插件，Nivo Slider不仅轻巧，配置简单，而且支持多种图片的动画切换效果，支持多主题。jQuery插件版免费，Wordpress插件需要收费，推荐大家可以关注一下。



5、jQuery图片播放插件FlexSlider

FlexSlider是一款基于jQuery的图片播放插件，FlexSlider配置比较灵活，FlexSlider能让你轻松的创建内容滚动的效果，具有非常高的可定制性。FlexSlider是将UL列表转换成内容滚动的列表，可以自动播放，或者使用导航按钮和键盘来控制。



6、jQuery图片水平滚动插件

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



7、jQuery仿苹果图片播放器

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

4
顶
0
踩
评论 共 4 条 请登录后发表评论
4 楼 lsjinpeng 2012-08-20 16:59
good~~
3 楼 sfish002 2012-08-17 10:00
留下足迹以后用
2 楼 kingxip 2012-08-16 17:27
第一个把一个图像分成好多块分散切换是怎么实现的？
1 楼 ddwla4 2012-08-16 09:02
  好东西

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    110. 推荐实用jquery图片截取代码下载 111. 站长推荐jQuery产品展示专用的图片幻灯+缩略图、左右控制按钮实例下载 112. 站长推荐一款非常精美的jQuery 1.4漂亮相册程序打包给大家 113. 站长素材推荐jQuery带箭头...

  • java图片播放器_6个效果震撼的jQuery图片播放器

    下面就给大家推荐几款简单实用却又美观大气的jQuery图片播放器，希望能给大家带来帮助。这是一个非常简洁但又十分实用的jQuery图片水平播放插件，这个jQuery图片播放插件允许你自己定义同时滚动几张图片，并且滑动很...

  • 7个简单实用的jQuery图片播放器

    下面就介绍几款非常不错的jQuery图片播放插件，希望对大家有所帮助。 1、jQuery图片播放插件Diapo 这是一款基于jQuery的图片播放插件，提供缩略图效果和多种图片切换动画效果，并且支持任何HTML元素的播放切换，...

  • html文字在图片上滚动播放器,jQuery超实用文字和图片列表滚动插件

    该jquery图片滚动插件的特点和一些注意事项如下：使用非常简单。可以在任何形式的列表。列表中的元素可以是文字、图片等等。列表中的元素不能是固定定位，或者是相同的元素。列表元素可以水平或垂直滚动。可以使列表...

  • html图片轮播15个自动,15个超强的jQuery/HTML5图片轮播插件

    最近咱们为你们分享过很多基于jQuery的图片轮播插件，固然也有不少使用了HTML5和CSS3的相关技术，让整个图片播放器显得更加美观，动画效果显得更加炫酷。...下面咱们一块儿来看看这15个强大的图片播放器吧。c...

  • html5网页中加入播放器,10款jquery+html5实现的网页播放器

    1.3D版HTML5模拟衣服拖拽动画效果这是一款3D版HTML5模拟衣服拖拽动画效果源码，是一款非常具有创意而且很好玩的HTML5动画。...2.jquery caroufredsel图片局部放大查看效果插件这是一款基于jquer...

  • 图片滚动插件+html5,超赞的jQuery图片滑块动画特效代码汇总

    本文将为大家收集10个超赞的jQuery图片滑块动画，这些现成的jQuery插件将为你节省很多开发时间，而且效果都还不错，一起来欣赏一下吧。1、jQuery+HTML5实现的超炫全屏焦点图效果源码这次我们要来分享一款非常绚丽的...

  • 10个超赞的jQuery图片滑块动画

    本文将为大家收集10个超赞的jQuery图片滑块动画，这些现成的jQuery插件将为你节省很多开发时间，而且效果都还不错，一起来欣赏一下吧。 1、jQuery/HTML5超炫全屏焦点图插件 这次我们要来分享一款非常绚丽的jQuery...

  • 100多个JQuery效果示例（实例）div+css+javascrpit

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动...110. 推荐实用jquery图片截取代码下载

  • php 图片动画代码大全,超赞的jQuery图片滑块动画特效代码汇总_jquery

    本文将为大家收集10个超赞的jQuery图片滑块动画，这些现成的jQuery插件将为你节省很多开发时间，而且效果都还不错，一起来欣赏一下吧。1、jQuery+HTML5实现的超炫全屏焦点图效果源码这次我们要来分享一款非常绚丽的...

  • 最新的jQuery/HTML5图片轮播插件

    最近我们为大家分享过不少基于jQuery的图片轮播插件，当然也有很多使用了HTML5和CSS3的相关技术，让整个图片播放器显得更加美观，动画效果显得更加炫酷。...下面我们一起来看看这15个强大的图片播放器吧。

  • jquery 动态示例

    82. 几种简单实用jQuery焦点图片自动切换效果 83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载 84. 分享jquery仿当当网店铺图片轮番切换(同时显示图片说明)代码下载 85. 分享一款jQuery thumbnail...

  • 关于组织参加“第八届‘泰迪杯’数据挖掘挑战赛”的通知-4页

    关于组织参加“第八届‘泰迪杯’数据挖掘挑战赛”的通知-4页

  • PyMySQL-1.1.0rc1.tar.gz

    PyMySQL-1.1.0rc1.tar.gz

  • 技术资料分享CC2530中文数据手册完全版非常好的技术资料.zip

    技术资料分享CC2530中文数据手册完全版非常好的技术资料.zip

  • docker构建php开发环境

    docker构建php开发环境

  • VB程序实例59_系统信息_显示分辨率.zip

    VB程序实例，可供参考学习使用，希望对你有所帮助

  • pytz-2016.7-py2.6.egg

    pytz库的主要功能 时区转换：pytz库允许用户将时间从一个时区转换到另一个时区，这对于处理跨国业务或需要处理多地时间的数据分析尤为重要。 历史时区数据支持：pytz库不仅提供了当前的时区数据，还包含了历史上不同时期的时区信息，这使得它在处理历史数据时具有无与伦比的优势。 夏令时处理：pytz库能够自动处理夏令时的变化，当获取某个时区的时间时，它会自动考虑是否处于夏令时期间。 与datetime模块集成：pytz库可以与Python标准库中的datetime模块一起使用，以确保在涉及不同时区的场景中时间的准确性。

  • VB程序实例-为程序添加快捷键.zip

    VB程序实例-为程序添加快捷键.zip

Global site tag (gtag.js) - Google Analytics