十大触目惊心的jQuery幻灯片特效插件
1/10
Orbit是一个设计良好并且容易使用的jQuery图片滑动幻灯片插件,它除了支持图片滚动切换展示外,还支持针对内容的滚动。插件的定制性相当高,它提供了多个参数的设置,通过设置你可以将它打造成完全符合你要求的样式。http://www.zurb.com/playground/jquery_image_slider_plugin
您需要安装jQuery和Orbit插件,添加CSS样式,激活Orbit插件。当您在调用Orbit插件的时候,你可以设置自己的选择器,调用"orbit"类。
2/10
这是一个利用视差原理来实现的一个漂亮jQuery图片幻灯片播放效果的插件,当切换图片时候,背景图片也可以跟随改变,这样能够让整个滑块在运动时产生非常吸引人的效果。http://tympanus.net/Tutorials/ParallaxSlider/
我们使用“pxs_container”类组成了主要的容器,为三张不同的背景创建了视差效果,如果设置为0,将停止自动播放。
Speed:每张幻灯片的动画效果
easing:幻灯片的缓和效果
easingBg:背景动画的缓动效果
circular:圆形滑动
thumbRotation:随机旋转大拇指
3/10
AviaSlider是一个独特的slidershow插件,支持8种不同的图片切换效果。支持图片预加载,图片自动播放当用户交互时停止。http://aviathemes.com/aviaslider/
超强的焦点幻灯轮换jquery插件AviaSlider,8种切换方式自由选择,以jquery+css为主要技术,不同的切换效果通过地址传递参数来判断。
1、jquery+css制作简单使用比较方法。
2、幻灯片自动播放切换,有描述信息展示在底部。
3、切换点在底部,可以点击切换。
4、通过地址传递参数比较不方便。
5、各种切换方式都是以小方块为内容。
http://aviathemes.com/aviaslider/
4/10
Coin Slider是一个具有独特转换效果的jQuery Image Slider,可以自动播放或手动导航播放。该插件体积还是比较小的,只有8KB,使用方法也很简单。首先是加载JS和CSS文件,接下来是编写容器以及内容,最后调用它,当然,它也是有可选参数的,如果想自己定义的话可以进行设置5/10
NV Slider是一款基于Joomla 1.5上简单的Joomla Image 模块。无需任何HTML技巧,你可以将它集成到任何一个网站上,它可以自定义连续动画效果,动画速度,前进和后退导航,添加各种不同效果。6/10
Smooth Div Scroll是一个独特的jQuery插件,它支持横向左右来滑动内容。除了用jQuery编写的其它一些滚动插件,Smooth Div Scroll没有对滚动做任何步骤上的限制。用户可以使用热点或者鼠标滚轮来实现滚动效果,页面加载开始时,整个滚动条就开始自动滚动,只要用户与滚动条发生了任何交互行为,自动滚动将停止。
这个例子将展示滚动区域内元素之间没有间隙的滚动效果,如果您想要设置间隙,请使用padding参数,而不是margin‘参数,因为margin参数容易在浏览器中抛出错误。
7/10
jFlow Plus 可以用来创建简单的图片滑动效果,展示形式非常漂亮。8/10
对于Web设计人员而言,SlideDeck是一款强大的jQuery滑块插件,借助SlideDeck,你可以将任何类型的web内容集成到漂亮的而又用户友好的滑块中。SlideDeck可以用来分享观点,通过决策树来帮助用户了解运行原理。
您可以通过SlideDeck来解释Web App的工作原理,SlideDeck还可以提高你的SEO排名,每张幻灯片的内容可以在代码里有序布局好,通过搜索引擎自动检索到。您可以通过定制SlideDeck来匹配网站的设计。
http://www.slidedeck.com/
9/10
WOW Slider是一款免费Javascript幻灯片制作工具,它以向导的形式,让你无需明白JS代码,只需拖进几张图片到WOW Slider软件窗口,简单设置一下尺寸、过渡效果等,点击发布即可,软件自动生成网页及JS,并会立即在浏览器中打开查看效果。
1、WOW Slider一键生成的相册不是Flash,而是由JS构成的,所以如果你需要在博客网站上放一个漂亮的展示区域,可以方便调用。
2、关于WOW Slider生成的JS和jquery,我们可以用它们制作自己的JS幻灯片相册,因为WOW Slider免费版本有水印。
10/10
Slides 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。
Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。
用Slides插件,你可以随机播放幻灯片,设定那一套您想要开始幻灯片。它附带充分的说明和示例。