19 个漂亮的 jQuery 画廊和幻灯片插件
2011-06-18 18:18
351 查看
本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。
![](http://static.oschina.net/uploads/img/201106/18074651_5xYu.jpg)
TN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转换和多相簿选项,支持智能手机设备浏览。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074652_E5w6.jpg)
幻灯片时自动预加载图片
Core version is available for those that just want background resizing.
导航控制以及键盘支持
可与 Flickr 集成
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074653_PaxT.jpg)
可定定制目录进行滑动和隐入动画效果
图片预加载
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074654_niX1.jpg)
该SlidingGallery插件将一组图像,使之成为一个图像,用户可以通过点击这些周期性画廊。一个图像将集中在屏幕上,有两个较小的图像关向两侧。用户可以单击较小的图像要么把他们的中心或中心图像放大。为了达到最佳的使用,这个插件应该适用于七个以上的图像,但可以用较少的(图像将被复制,从而使总数达到7个)。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074654_2KrV.jpg)
这是一个教程,教你如何创建一个画廊效果,并带有可滚动的缩略图展示
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074654_BxzA.jpg)
slideViewerPro 是完全可定制的 jQuery 画廊插件,有非常接触的滚动效果
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074655_epc3.jpg)
Galleriffic 是一个 jQuery 插件,提供丰富的用户体验优化,用来处理大量的图片展示
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074655_sVvt.jpg)
该教材用来创建一个很有创新意义的图片滑动展示效果。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074655_VifG.jpg)
jqFancyTransitions 是一个易用的 jQuery 插件用来展示相册,并提供一些转换效果,例如水波、拉链、窗帘、喷泉、随机等。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074656_3Yip.png)
Galleria 是一个 JavaScript 图像画廊,基于 jQuery 构建。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074656_eWXg.jpg)
同样是一个制作画廊的教程
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074656_cKyn.jpg)
该教材帮你创建一个全页展示的相片画廊。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074656_zWml.jpg)
在本教程中,我们要创建一个美好而清新的形象画廊。这样做是为了显示为滑块的专辑和专辑选择时,我们展示一个漂亮的照片堆栈该专辑的图片。在照片库中,我们可以浏览图像通过把后面所有的堆栈用光滑的动画形象的最顶端。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074657_NDMm.jpg)
在本教程中,我们要创建一个不错的缩略图地区另一个整版图片库的滚动时自动移动鼠标。这个想法是让用户略成图片放大上按一下。根据屏幕大小缩略图栏滑下和图像调整大小。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074657_OR3N.png)
这的确是一个伟大的图片库jQuery的教程,它有几个大的图像和缩略图。大图与说明栏。当用户点击拇指大的图像和说明将发生变化。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074658_13fo.jpg)
这是 jQuery 画廊插件 (jqGalViewII) 可创建各种风格的相片展示,支持大图片预加载。
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074658_2RCX.jpg)
制作一个经典的幻灯片展示,可自动进行转换和动画效果
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074658_9XLm.jpg)
Exposure 是一个 jQuery 的插件,用来展示大量的相片
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074659_tawm.jpg)
Live Demo –
![](http://static.oschina.net/uploads/img/201106/18074659_qp4Q.jpg)
这是一个多媒体的画廊,支持图片、视频和音频,使用进度条来控制展示的进度。
Live Demo –
TN3 Gallery
![](http://static.oschina.net/uploads/img/201106/18074651_5xYu.jpg)
TN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转换和多相簿选项,支持智能手机设备浏览。
Live Demo –
Download
Supersized
![](http://static.oschina.net/uploads/img/201106/18074652_E5w6.jpg)
主要特点:
图片大小自动调整,以适应浏览器的尺寸幻灯片时自动预加载图片
Core version is available for those that just want background resizing.
导航控制以及键盘支持
可与 Flickr 集成
Live Demo –
Download
Mosaic Sliding Box and Captions jQuery Plugin
![](http://static.oschina.net/uploads/img/201106/18074653_PaxT.jpg)
特点:
自动生成滑动框和标题可定定制目录进行滑动和隐入动画效果
图片预加载
Live Demo –
Download
Sliding Image Gallery jQuery Plug-in
![](http://static.oschina.net/uploads/img/201106/18074654_niX1.jpg)
该SlidingGallery插件将一组图像,使之成为一个图像,用户可以通过点击这些周期性画廊。一个图像将集中在屏幕上,有两个较小的图像关向两侧。用户可以单击较小的图像要么把他们的中心或中心图像放大。为了达到最佳的使用,这个插件应该适用于七个以上的图像,但可以用较少的(图像将被复制,从而使总数达到7个)。
Live Demo –
Download
Full Page Image Gallery with jQuery
![](http://static.oschina.net/uploads/img/201106/18074654_2KrV.jpg)
这是一个教程,教你如何创建一个画廊效果,并带有可滚动的缩略图展示
Live Demo –
Download
slideViewerPro
![](http://static.oschina.net/uploads/img/201106/18074654_BxzA.jpg)
slideViewerPro 是完全可定制的 jQuery 画廊插件,有非常接触的滚动效果
Live Demo –
Download
Galleriffic jQuery Plugin
![](http://static.oschina.net/uploads/img/201106/18074655_epc3.jpg)
Galleriffic 是一个 jQuery 插件,提供丰富的用户体验优化,用来处理大量的图片展示
Live Demo –
Download
Slider Gallery with jQuery
![](http://static.oschina.net/uploads/img/201106/18074655_sVvt.jpg)
该教材用来创建一个很有创新意义的图片滑动展示效果。
Live Demo –
Download
jqFancyTransitions
![](http://static.oschina.net/uploads/img/201106/18074655_VifG.jpg)
jqFancyTransitions 是一个易用的 jQuery 插件用来展示相册,并提供一些转换效果,例如水波、拉链、窗帘、喷泉、随机等。
Live Demo –
Download
Galleria
![](http://static.oschina.net/uploads/img/201106/18074656_3Yip.png)
Galleria 是一个 JavaScript 图像画廊,基于 jQuery 构建。
Live Demo –
Download
Thumbnails Navigation Gallery with jQuery
![](http://static.oschina.net/uploads/img/201106/18074656_eWXg.jpg)
同样是一个制作画廊的教程
Live Demo –
Download
Sliding Panel Photo Wall Gallery with jQuery
![](http://static.oschina.net/uploads/img/201106/18074656_cKyn.jpg)
该教材帮你创建一个全页展示的相片画廊。
Live Demo –
Download
Beautiful Photo Stack Gallery with jQuery and CSS3
![](http://static.oschina.net/uploads/img/201106/18074656_zWml.jpg)
在本教程中,我们要创建一个美好而清新的形象画廊。这样做是为了显示为滑块的专辑和专辑选择时,我们展示一个漂亮的照片堆栈该专辑的图片。在照片库中,我们可以浏览图像通过把后面所有的堆栈用光滑的动画形象的最顶端。
Live Demo –
Download
Fresh Sliding Thumbnails Gallery with jQuery and PHP
![](http://static.oschina.net/uploads/img/201106/18074657_NDMm.jpg)
在本教程中,我们要创建一个不错的缩略图地区另一个整版图片库的滚动时自动移动鼠标。这个想法是让用户略成图片放大上按一下。根据屏幕大小缩略图栏滑下和图像调整大小。
Live Demo –
Download
Create image gallery in 4 lines of jQuery
![](http://static.oschina.net/uploads/img/201106/18074657_OR3N.png)
这的确是一个伟大的图片库jQuery的教程,它有几个大的图像和缩略图。大图与说明栏。当用户点击拇指大的图像和说明将发生变化。
Live Demo –
Download
jqGalViewII (Photo Gallery)
![](http://static.oschina.net/uploads/img/201106/18074658_13fo.jpg)
这是 jQuery 画廊插件 (jqGalViewII) 可创建各种风格的相片展示,支持大图片预加载。
Live Demo –
Download
Animate Panning Slideshow with jQuery
![](http://static.oschina.net/uploads/img/201106/18074658_2RCX.jpg)
制作一个经典的幻灯片展示,可自动进行转换和动画效果
Live Demo –
Download
Exposure
![](http://static.oschina.net/uploads/img/201106/18074658_9XLm.jpg)
Exposure 是一个 jQuery 的插件,用来展示大量的相片
Live Demo –
Download
Interactive Photo Desk with jQuery and CSS3
![](http://static.oschina.net/uploads/img/201106/18074659_tawm.jpg)
Live Demo –
Download
Multimedia Gallery for Images, Video and Audio
![](http://static.oschina.net/uploads/img/201106/18074659_qp4Q.jpg)
这是一个多媒体的画廊,支持图片、视频和音频,使用进度条来控制展示的进度。
Live Demo –
Download
相关文章推荐
- 19 个漂亮的 jQuery 画廊和幻灯片插件
- 【转】19 个漂亮的 jQuery 画廊和幻灯片插件
- 24个最受欢迎的jQuery画廊和幻灯片插件
- 推荐15款创建漂亮幻灯片的 jQuery 插件
- 整理不错的jQuery 画廊和幻灯片插件
- 推荐15款创建漂亮幻灯片的 jQuery 插件
- 15款创建漂亮幻灯片的 jQuery 插件
- 一个简单的jquery幻灯片插件
- 一个简洁漂亮的jQuery拖放排序插件DDSort
- 娘娘的 很牛的幻灯片插件 jquery
- jQuery幻灯片插件Skippr
- jquery roundabout幻灯片插件3d图片切换支持图片旋转切换滚动
- Revolution Responsive jQuery Slider滑动幻灯片插件
- jQuery插件Skippr实现焦点图幻灯片特效
- 关于ext的讨论,ajax不应该只是ext,此时的我可能更倾向于jquery了,可是jquery的插件做的实在不漂亮啊,尤其是grid
- 10个Jquery幻灯片插件教程 推荐
- jQuery最简单的响应式幻灯片插件
- 12款jQuery幻灯片插件和幻灯片特效教程
- 用jquery插件实现漂亮的日历效果
- 8款非常棒的响应式 jQuery 幻灯片插件推荐