15款创建美丽幻灯片的 jQuery 插件

1. Skippr

Skippr 是一个超级简单的 jQuery 幻灯片插件。仅仅是包含你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了。

Skippr 可以自适应窗体宽度。并且导航是独特的条形导航。

效果演示      源代码下载

2. Prezento

Prezento 这款 jQuery 插件能够让你网页以新颖的交互方式呈现。另外，Prezento 支持响应式设计，配置项也非常灵活，能够依据你须要的效果配置。

效果演示      源代码下载

3. Responsiveslides.js

ResponsiveSlides.js 是轻量的 jQuery 幻灯片插件，用于创建响应式的图片滑动功能。支持大多数的浏览器。甚至包含IE6。

效果演示  
   

target=https%3A%2F%2Fgithub.com%2Fviljamis%2FResponsiveSlides.js%2Farchive%2Fmaster.zip" target="_blank" style="color:rgb(66,139,202); background:transparent">源代码下载

4. Reveal.js

这个框架用来帮助你轻松地使用 HTML 创建美丽的演示文稿。 reveal.js 配备广泛的功能。包含嵌套幻灯片、PDF导出、演讲笔记和 JavaScript API。

在现代浏览器中效果最好。也提供了降级处理以确保您的演示文稿仍然能够在其它地方观看。

效果演示  
   

target=https%3A%2F%2Fgithub.com%2Fhakimel%2Freveal.js%2Farchive%2Fmaster.zip" target="_blank" style="color:rgb(66,139,202); background:transparent">源代码下载

5. Vegas 2

Vegas 是用于实现背景图片滑块的 jQuery 插件。能够让你加入漂亮的全屏背景到您的网页中。

它还能实现各种幻灯片。不同背景，过渡和回调的幻灯片能够非常easy地建立起来。

大多数时候，背景会被拉伸以适应大屏幕。

效果演示  
   

target=https%3A%2F%2Fgithub.com%2Fjaysalvat%2Fvegas%2Farchive%2Fmaster.zip" target="_blank" style="color:rgb(66,139,202); background:transparent">源代码下载

6. Fotoroma

Fotorama 是一个高度灵活的图片库 jQuery 插件，支持桌面和移动浏览器。它提供了多种选择，包含缩略图，上一个。下一个button。幻灯片或子弹

adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=17&is_app=0&jk=a682a684ac72cc21&k=%B5%BC%BA%BD&k0=%B5%BC%BA%BD&kdi0=0&luki=2&n=10&p=baidu&q=88027050_cpr&rb=0&rs=1&seller_id=1&sid=21cc72ac84a682a6&ssp2=1&stid=0&t=tpclicked3_hc&tu=u2093637&u=http%3A%2F%2Fwww%2Eyyyweb%2Ecom%2F3742%2Ehtml&urlid=0" target="_blank" style="color:rgb(66,139,202); text-decoration:none; background:transparent">导航图像浏览。

效果演示      源代码下载

7. SlidesJS

SlidesJS 是一款老牌的 jQuery 幻灯片插件，经过多年的发展，已经成为一款功能齐全。

adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=17&is_app=0&jk=a682a684ac72cc21&k=%C9%E8%BC%C6&k0=%C9%E8%BC%C6&kdi0=0&luki=7&n=10&p=baidu&q=88027050_cpr&rb=0&rs=1&seller_id=1&sid=21cc72ac84a682a6&ssp2=1&stid=0&t=tpclicked3_hc&tu=u2093637&u=http%3A%2F%2Fwww%2Eyyyweb%2Ecom%2F3742%2Ehtml&urlid=0" target="_blank" style="color:rgb(66,139,202); text-decoration:none; background:transparent">设计静止的幻灯片插件。支持循环、自己主动播放功能和淡入淡出过渡效果。而且可以自己主动生成分页。可以帮助开发人员

adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=17&is_app=0&jk=a682a684ac72cc21&k=%D6%C6%D7%F7&k0=%D6%C6%D7%F7&kdi0=0&luki=3&n=10&p=baidu&q=88027050_cpr&rb=0&rs=1&seller_id=1&sid=21cc72ac84a682a6&ssp2=1&stid=0&t=tpclicked3_hc&tu=u2093637&u=http%3A%2F%2Fwww%2Eyyyweb%2Ecom%2F3742%2Ehtml&urlid=0" target="_blank" style="color:rgb(66,139,202); text-decoration:none; background:transparent">制作出优雅的幻灯片效果。

效果演示      源代码下载

8. MaxImage

MaxImage 2.0 是一个全屏背景的幻灯片插件。它利用 jQuery Cycle 插件和全部它的转换/选项。用户都会有一个流畅的体验，这对于大图像动画非常重要。

t=http%3A%2F%2Fblog.aaronvanderzwan.com%2F2012%2F07%2Fmaximage-2-0%2F&h=5000&c=&n=maximage" target="_blank" style="color:rgb(66,139,202); background:transparent">效果演示  
   

target=https%3A%2F%2Fgithub.com%2Fakv2%2FMaxImage%2Farchive%2Fmaster.zip" target="_blank" style="color:rgb(66,139,202); background:transparent">源代码下载

9. Slide Me

Slideme 是一个响应式的滑块插件。可定制，易于安装和使用，支持多实例，全屏。凉爽的，功能强大的 jQuery
幻灯片插件。

效果演示      源代码下载

10. Juicy Slider

Juicy Slider 滑块是另外一款响应式的幻灯片 jQuery 插件。与其他依靠浏览器 CSS3 支持的插件不同，它通过计算图像的对应宽高比和视图。使用
JavaScript 调整图像大小。

这样的方法使得它与旧的浏览器更兼容。

效果演示      源代码下载

11. Fullsizable

fullsizable 这款 jQuery 插件充分利用浏览器空间来查看影像。

还支持现代浏览器的原生 HTML5 全屏
API。

效果演示  
   源代码下载

12. jQuery Slideshow

jQuery 幻灯片是一个高性能和对开发人员友好的幻灯片和内容旋转木马插件，支持触摸手势。压缩后仅仅有不到 2KB 大小。

效果演示  
   源代码下载

13. ConveyorBelt

这是一个简单的。可调节的幻灯片旋转木马的 jQuery 插件。

大量的可用配置，包含过渡类型、图像适合和幻灯片的速度等。

效果演示      源代码下载

14. Camera

Camera 是由 Diapo 开发者创建的，并包含了各种功能与响应式布局功能。

幻灯片支持不论什么的 HTML 元素（图片。文字，视频等）。

15. Destaque

Destaque 是一个简单的

adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=17&is_app=0&jk=a682a684ac72cc21&k=%BB%C3%B5%C6%C6%AC&k0=%BB%C3%B5%C6%C6%AC&kdi0=0&luki=10&n=10&p=baidu&q=88027050_cpr&rb=0&rs=1&seller_id=1&sid=21cc72ac84a682a6&ssp2=1&stid=0&t=tpclicked3_hc&tu=u2093637&u=http%3A%2F%2Fwww%2Eyyyweb%2Ecom%2F3742%2Ehtml&urlid=0" target="_blank" style="color:rgb(66,139,202); text-decoration:none; background:transparent">幻灯片插件，内置视差（Parallax）效果。支持
IE+ 浏览器，配置灵活。

效果演示  
   源代码下载