十个jQuery图片画廊插件推荐

待我称王封你为后i 2022-09-28 01:49 787阅读 0赞

http://www.javaeye.com/news/19231-50-jquery-photo-gallery-plugins

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分，jQuery的重要性不能被忽视。下面为你介绍了10个最有美感，创新性和创造性的jQuery图片画廊插件：  
  
**1.[How to Create a Simple Slideshow using Mootools / JQuery][How to Create a Simple Slideshow using Mootools _ JQuery]**  
当我们想要在有限的屏幕空间展示很多内容，这要使用到幻灯片。幻灯片是最佳的可以展现大量的信息的方式。在这篇文章中我将展示使用MooTools / Jquery做出简单的幻灯片的过程。

![post14_1.jpg][]

[查看演示][Link 1]

**2.[jbgallery 2.0][]**  
jbgallery，可实现超大图片全页展示功能，可自动播放，控制播放图片等，支持单图片、多图片、多图库、阴影、网站背景色以及对话模式等。 jbgallery有两个基本菜单，一个类似音乐播放按钮和一个直接链接单图片播放按钮，同时提供公共API接口去除播放控制组件，以便扩展任意自定义播 放控制按钮，jbgallery插件功能强大，而且使用简单。

![post14_2.jpg][]  
  
[查看演示][jbgallery 2.0]

**3.[Minimalistic Slideshow Gallery with jQuery][]**  
是一个简单而漂亮，以幻灯片方式播放照片的相册控件。其做法是将所有缩略图放在一个导航网格中，用户可以利用这个网格查看，暂停/播放，浏览照片。网格会从播放容器上方弹出，让用户浏览整个相册的缩略图集。

![post14_3.jpg][]  
  
[查看演示][Link 2]

**4. [Galleria][]**  
Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。

![post14_4.jpg][]  
  
[查看演示][Galleria]

**5. [Galleriffic][]**  
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。

![post14_6.jpg][]  
  
[查看演示][Galleriffic]

**6. [Pikachoos ][Pikachoos]**  
Pikachoose是一个基于jquery的轻量级相册插件,它允许用户自定义幻灯片,按钮,自动播放.

![post14_15.jpg][]  
  
[查看演示][Link 3]

**7. [Smooth Div Scroll][]**  
这是一个图片或内容水平滚动的jquery插件，滚动效果非常平滑、舒服

![post14_25.jpg][]  
  
[在线演示][Smooth Div Scroll]

**8.[FancyBox][]**  
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容， 通过CSS自定义外观。

![post14_32.jpg][]  
  
[查看演示][FancyBox]

**9.[Sliding Image Gallery jQuery Plug-in][]**  
在SlidingGallery插件会的图像组，变成他们的图像周期性画廊，用户可以通过点击广告。一个图像将被集中在屏幕上，有两个较小的图像 关闭的边缘。用户可以单击任一较小的图像，使之向中心或中心图像放大。为获得最佳的使用，这个插件应该适用于7个或更多图片，但可以用更少的工作（图片会 被复制，从而使总数达到7个）。

![post14_34.jpg][]  
  
[查看演示][Sliding Image Gallery jQuery Plug-in]

**10.[slideViewerPro][]**  
slideViewerPro是一个完全可定制的jQuery Image Gallery插件。支持任意多的图片，可以设置是否自动展示图片，开关标题，开关拖拽，自定义向前-向后按纽，自定义幻灯播放动画。

![post14_35.jpg][]  
  
[查看演示][slideViewerPro]

[How to Create a Simple Slideshow using Mootools _ JQuery]: http://www.nitinh.com/2010/03/how-to-create-a-simple-slideshow-using-mootools-jquery/
[post14_1.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_1.jpg
[Link 1]: http://www.nitinh.com/static/SlideShow/jquery.html
[jbgallery 2.0]: http://maxb.net/scripts/jbgallery-2.0/
[post14_2.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_2.jpg
[Minimalistic Slideshow Gallery with jQuery]: http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/
[post14_3.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_3.jpg
[Link 2]: http://tympanus.net/Tutorials/MinimalisticSlideshowGallery/
[Galleria]: http://galleria.aino.se/
[post14_4.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_4.jpg
[Galleriffic]: http://www.twospy.com/galleriffic/index.html
[post14_6.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_6.jpg
[Pikachoos]: http://pikachoose.com/
[post14_15.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_15.jpg
[Link 3]: http://pikachoose.com/demo
[Smooth Div Scroll]: http://www.smoothdivscroll.com/
[post14_25.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_25.jpg
[FancyBox]: http://fancybox.net/
[post14_32.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_32.jpg
[Sliding Image Gallery jQuery Plug-in]: http://www.meadmiracle.com/SlidingGallery.aspx
[post14_34.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_34.jpg
[slideViewerPro]: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html
[post14_35.jpg]: http://webdesign14.com/wp-content/uploads/2010/12/post14_35.jpg