十个jQuery的幻灯片图片轮播切换插件[转]

1、Simple Controls Gallery

是基于jQuery的一个幻灯插件,非常不错,详细演示及下载请点击下面的链接
http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

2、jQuery Cycle Plugin

同样是jQuery的插件,支持非常多的样式,推荐使用,详细演示及下载请点击下面的链接
http://www.malsup.com/jquery/cycle/int2.html

3、jCarousel

有横向和垂直,还具有多种效果可选。

演示及下载:http://sorgalla.com/projects/jcarousel/

4、Carousel

和上面类似,功能效果要求不高的可以选择这个。

演示及及载:http://billwscott.com/carousel/

5、iCarousel

它的强大之处在于它不仅支持图片的轮播,还支持文字,同样有横向和垂直的调节,它的Horizontal image slider模式可以用作产品图片的展示。

演示及及载:http://zendold.lojcomm.com.br/icarousel/

6、Slideshow 2 (幻灯片)

基于mootools框架的JS幻灯片插件,支持多种切换效果。

演示及下载:http://code.google.com/p/slideshow/

7、Galleria(基于JQuery)

简单实用的JS图片画廊 ,是通jquery编写的。

演示及下载:http://devkick.com/lab/galleria/

8、noobSlide(基于mootools)

幻灯片,提供8种效果,包括图文混排切换

演示及下载:http://www.efectorelativo.net/laboratory/noobSlide/

9、Apple网站的产品滚动展示插件

演示及下载:http://jqueryfordesigners.com/slider-gallery/

10、Ruochi bcastr4(Flash 开源)

最后再介绍一个开源的Flash幻灯,功能很强,推荐大家可以试试
演示及下载:http://www.ruochi.com/main/bcastr-example/

 

关于jJQuery的插件有很多,图片展示的插件也有很多,往往在真正用到的时候在网上一搜一大把一大把的,但是就是找不到适合自己使用的,在这里我们这里了一些比较常用的、效果比较好的jQuery 图片展示插件(slideshow)与大家一起分享。

Nivo Slider – Image Slider

在线演示 – 详情
一个切换效果非常炫的图片展示插件。效果类似flash。

 

Smooth Div Scroll

在线演示 – 详情

这是一个图片或内容水平滚动的jquery插件,滚动效果非常平滑、舒服。

 

Marcofolio

在线演示 – 详情

如果你需要将背景图片也处理成图片展示效果,那么这就是一个很好的选择。

 

Simple Controls Gallery v1.3

在线演示 – 详情

它的控制按钮及图片信息可以自动隐藏,鼠标经过图片他们才会滑出,效果平滑流畅,适合做较小图片的展示

 

jQuery.popeye 2.0

在线演示 – 详情

有时候你肯会遇到这种情况,有一段简短的文字,但需要配很多张图片,但是你有不想把页面做的太难看枯燥,那么jQuery.popeye 2.0将是你解决种类问题的致胜法宝。它可以有大小两套图片,在需要的时候进行图片的缩放。

 

Pikachoose

在线演示 – 详情

Pikachoose是一个非常小的jQuery插件,他可以自动以导航按钮,自动播放等,在他的官方网站上有很多应用实例可以参照。

 

s3Slider jQuery plugin

在线演示 – 详情
当需要给展示的图片配大段的说明文字的时候,这是一个很好的选择,它可以自定义文字显示的位置。

 

Sliding Image Gallery

在线演示 – 详情
一个可以循环地图图片轮播效果,可以这么说jQuery的图片轮播效果插件有很多,但能够循环的,效果又这么流畅的的确不多。

 

easySlider

在线演示 – 详情
水平内容的滑动效果,该插件包括了很多的形式,一般常用在页面banner内容的切换上。

 

Galleriffic

在线演示 – 详情

功能比较强大的jQuery图片展示插件,类似当下各大门户都在使用的图片频道的展示效果。

 

jQuery Lightbox plugin

在线演示 – 详情

jQuery lightbox 插件,效果不用我多说了,和lightbox一样。

 

Supersized

在线演示 – 详情
适用于大图片的jquery图片展示插件,一般用在全屏展示中,他可以使图片自动适应屏幕大小以达到全屏展示效果。

 

Galleria

在线演示 – 详情

 

Slider Gallery

在线演示 – 详情
苹果网站的产品展示效果。

 

Fancy Thumbnail Hover Effect

在线演示 – 详情
鼠标经过图片放大效果。

 

Slick Accessible Slideshow

在线演示 – 详情
可用于页面banner部分的产品展示,水平移动替换效果。

 

Spacegallery

在线演示 – 详情
前后有纵深的图片展示效果

 

prettyPhoto

在线演示 – 详情
可以在查看大图的页面上展示缩略图,真是非常酷的一个效果,让人爱不释手啊。

 

AD Gallery

在线演示 – 详情

 

Shadowbox

在线演示 – 详情
比lightbox效果更好的一个图片展示插件,他不仅可以展示图片也可以展示flash等媒体形式。

 

ColorBox

在线演示 – 详情
又是一个类似lightbox的效果,不过他的控制栏更为强大,渐变效果更为流畅。

 

Pirobox

在线演示 – 详情
又多了一个图片下载按钮,设计真是越来越贴心。

转载于:https://www.cnblogs.com/wps1101/archive/2013/02/03/2890918.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/295924.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

22张图片倒叙霍金:我爱宇宙也爱这苦乐人生

全世界只有3.14 % 的人关注了爆炸吧知识▲斯蒂芬威廉霍金(Stephen William Hawking),1942年1月8日出生于英国牛津,21岁时患上肌肉萎缩性侧索硬化症(卢伽雷氏症),全身瘫痪,不能言语&a…

鸿蒙思维和小央美,北市场附近艺术培训

最佳答案:北市场附近有叮当少儿美术空间,弈趣围棋培训中心,舞王回一街舞俱乐部,童心童画美术馆,小央美儿童美术,纸飞机少儿美术,星海艺术培训,鸿蒙教育思维绘画,小画虫少儿美术培训中心,红点美术培训中心,风之舞打击乐培训中心,红英艺术中心,墨涛书法教育,格林童画,…

简述LINQ的发展历程

LINQ:最终统治了所有的语言!让我们看看LINQ如何彻底改变了.NET中访问数据的方式.NET与其他技术栈的不同之处之一绝对是LINQ,它是Language Integrated Query的首字母缩写。实际上,它是随.NET Framework 3.5和Visual Studio 2008引入…

关于异或的一些东西和应用

异或是一种基于二进制的位运算,用符号XOR或者 ^ 表示,其运算法则是对运算符两侧数的每一个二进制位,同值取0,异值取1。它与布尔运算的区别在于,当运算符两侧均为1时,布尔运算的结果为1,异或运算…

Android之自定义ContentProvider详解

第一个版本 对android中MIME类型的理解 初始MIME类型,是在学习ContentProvider的时候。 当在创建自己的ContentProvider的时,需要从抽象类ContentProvider中派生出自己的子类,并实现其中5个抽象方法: query(Uri, String[], Strin…

dwr 写的小程序,配置

第一、在web.xml里面有如下配置&#xff1a; <?xml version"1.0" encoding"UTF-8"?><web-app xmlns"http://java.sun.com/xml/ns/j2ee" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation"h…

PHP开发学习-Apache+PHP+MySQL环境搭建

我现在开始php的学习之旅啦&#xff01; 入门&#xff1a;开发环境搭建 组件版本&#xff1a; apache2.2.22 下载地址&#xff1a;http://httpd.apache.org/ php5.4.11 下载地址&#xff1a;http://windows.php.net/download/ mysql5.5.29 下载地址&#xff1a;http://www.mys…

如何不露声色地知道别人是不是单身?

1 世界上竟然会有这么香的东西&#xff01;&#xff01;&#xff01;2 全网吧的电脑都死机了&#xff0c;唯独写论文的电脑没死机&#xff01;3 哈哈哈哈哈哈哈哈哈哈哈好拉风啊&#xff01;&#xff01;4 中国好邻居5 《秋游》&#xff0c;五年级男生写的诗图自我们1班王悦微6…

Android 防火墙 知乎,知乎回应:防火墙太“坑爹” 正检查用户隐私是否有泄露...

9月7日消息&#xff0c;知乎今日下午系统瘫痪无法登陆&#xff0c;各个页面变为一片空白&#xff0c;并且还出现了知乎账号“串号”现象&#xff0c;当时有消息称是服务器原因。其后知乎发布公告&#xff0c;声称由第三方防火墙故障引起客户端临时下线&#xff0c;并引起数据展…

再谈C#中的委托和事件

写在最前我相信全网关于委托和事件的文章和概述&#xff0c;大家应该已经读过很多篇。但是就我的观察来看&#xff0c;大多数文在讲述这方面概念时&#xff0c;都会用烧开水和狗叫主人的例子来讲述事件怎么工作&#xff0c;这样比喻固然与生活联系紧密&#xff0c;但看多了难免…

MIT Scheme 使用 Edwin

MIT Scheme 的基本使用&#xff1a;http://www.math.pku.edu.cn/teachers/qiuzy/progtech/scheme/mit_scheme.htm 安装过程 安装brew XQuartz 转载于:https://www.cnblogs.com/IDRI/p/4989171.html

js.domReady

2019独角兽企业重金招聘Python工程师标准>>> var dom [], dom_isReady false, domReady function (a) { if (dom_isReady) a(); else dom.push(a) }, dom_fireReady function () { if (!dom_isReady) { if (!document.body) return setTimeout(dom_fireReady, 1…

mongo-rename操作

重命名集合 > show collectionstianyc_test9> db.runCommand({renameCollection:Gps.tianyc_test9, to:Gps.tianyc_test99}){ "ok" : 1 }> show collectionstianyc_test99 另&#xff1a;通过db.listCommands()&#xff0c;可以查看到所有mongo的命令。转载…

Android之监测database的改变--notifyChange

我们在ContentProvider的insert,update,delete等改变之后调用getContext().getContentResolver().notifyChange(uri, null);这样就通知那些监测databases变化的observer了&#xff0c;而你的observer可以在一个service里面注册。 以Downloadmanger为例子&#xff1a; 定义Cont…

双一流高校出新规:研究生未经导师同意发论文,不得用于毕业、评奖!

全世界只有3.14 % 的人关注了爆炸吧知识本文转自&#xff1a;募格学术近日&#xff0c;吉林大学研究生院发布文件《吉林大学关于加强对研究生在学期间公开发表论文等学术成果管理的通知》&#xff0c;因内容涉及校内研究生论文发表要求&#xff0c;引起很多研究生的注意。其中包…

android http 三次 握手,面试解析:3次握手与4次挥手

在面试中&#xff0c;三次握手和四次挥手可以说是问的最频繁的一个知识点了&#xff0c;我相信大家也都看过很多关于三次握手与四次挥手的文章。今天的这篇文章&#xff0c;重点是围绕着面试&#xff0c;我们应该掌握哪些比较重要的点&#xff0c;哪些是比较多被面试官给问到的…

微服务组件记事本:Skywalking执行效果 · 多图篇

立冬时节知多少今天立冬&#xff0c;周末两天在家继续研究了下Skywalking&#xff0c;感觉这个组件还是很不错的&#xff0c;无论是设计思想还是架构设计&#xff0c;都能从中受到启发和帮助&#xff0c;建议感兴趣的小伙伴可以看看&#xff0c;当然&#xff0c;如果不感兴趣还…

《Starting with Starling》 Ep 1~11

starling 1.3&#xff0c;Hi-ReS-Stats FlashDevelop设置 Project->Properties ->Output->Platform->Flash Player->11.5 ->Classpaths->Add Classpath->(starling和Stats的src文件夹) 程序入口 [SWF(frameRate"60", width"800", …

Android之TextUtils类介绍

对于字符串处理Android为我们提供了一个简单实用的TextUtils类&#xff0c;如果处理比较简单的内容不用去思考正则表达式不妨试试这个在android.text.TextUtils的类&#xff0c;主要的功能如下: 是否为空字符 boolean android.text.TextUtils.isEmpty(CharSequence str) 拼接…

堆和栈的区别 (转贴)

从其他博客复制过来的&#xff0c;因为这个够详细&#xff0c;转过来学习一下&#xff01; 堆和栈的区别一、预备知识—程序的内存分配一个由c/C编译的程序占用的内存分为以下几个部分1、栈区&#xff08;stack&#xff09;— 由编译器自动分配释放 &#xff0c;存放函数的参数…