23个超流行的jQuery相册插件

蔚落 2022-05-15 05:12 658阅读 0赞

本文罗列了23款目前非常受欢迎的jQuery插件，可以轻松建立起唯美的图片切换特效的相册功能，并且其中的一些还支持视频和Flash。

这些jQuery插件包括演示、文档说明等，欣赏吧！

#### [1. Galleriffic][] ####

[![clip\_image001][clip_image001]][clip_image001_clip_image001]

###### [下载与文档][1. Galleriffic] [查看演示][Link 1] ######

#### [2. jPhotoGrid][] ####

[![clip\_image002][clip_image002]][clip_image002_clip_image002]

###### [**下载与文档** ][2. jPhotoGrid]  [**查看演示** ][Link 2] ######

#### [3. Galleria][] ####

[![clip\_image003][clip_image003]][clip_image003_clip_image003]

###### [**下载与文档** ][3. Galleria]  [**查看演示** ][3. Galleria] ######

#### [4. YoxView][] ####

[![clip\_image004][clip_image004]][clip_image004_clip_image004]

###### [**下载与文档** ][4. YoxView]  [**查看演示** ][4. YoxView] ######

#### 5. [Micro Image Gallery][] ####

[![clip\_image005][clip_image005]][clip_image005_clip_image005]

###### [**下载与文档**  ][Micro Image Gallery] [**查看演示** ][Link 3] ######

#### 6. [AD Gallery][] ####

[![clip\_image006][clip_image006]][clip_image006_clip_image006]

###### [**下载与文档** ][AD Gallery]  [**查看演示** ][Link 4] ######

#### 7. [slideViewerPro][] ####

[![clip\_image007][clip_image007]][clip_image007_clip_image007]

###### [**下载与文档** ][slideViewerPro]  [**查看演示** ][slideViewerPro] ######

#### 8. [Galleryview][] ####

[![clip\_image008][clip_image008]][clip_image008_clip_image008]

###### [**下载与文档** ][Galleryview]  [**查看演示** ][Link 5] ######

#### [9. Pikachoose Image Gallery][] ####

[![clip\_image009][clip_image009]][clip_image009_clip_image009]

###### [**下载与文档** ][9. Pikachoose Image Gallery]  [**查看演示** ][Link 6] ######

#### [10. ][10.] [Multimedia Gallery for Images, Video and Audio][10.] ####

[![clip\_image010][clip_image010]][clip_image010_clip_image010]

###### [**下载与文档** ][10.]  [**查看演示** ][Link 7] ######

#### [11. Spacegallery][] ####

[![clip\_image011][clip_image011]][clip_image011_clip_image011]

###### **[下载与文档][11. Spacegallery] [查看演示   ][Link 8]** ######

#### [12. jQuery Cycle][] ####

[![clip\_image012][clip_image012]][clip_image012_clip_image012]

###### **[下载与文档][12. jQuery Cycle] [查看演示][12. jQuery Cycle]** ######

#### 13. [Pikachoose][Link 6] ####

[![clip\_image013][clip_image013]][clip_image013_clip_image013]

###### **[下载与文档][9. Pikachoose Image Gallery] [查看演示][Link 6]** ######

#### 14. [s3Slider][] ####

[![clip\_image014][clip_image014]][clip_image014_clip_image014]

###### **[下载与文档Tutorial & Downloads →][s3Slider]** **[View the Demo 查看演示→][s3Slider]** ######

#### 15. [slideViewer][] ####

[![clip\_image015][clip_image015]][clip_image015_clip_image015]

###### **[下载与文档][slideViewer] [查看演示][slideViewer]** ######

#### 16. [jFlow][] ####

[![clip\_image016][clip_image016]][clip_image016_clip_image016]

###### **[下载与文档][Link 9] [查看演示][jFlow]** ######

#### 17. [CrossSlide][] ####

[![clip\_image017][clip_image017]][clip_image017_clip_image017]

###### **[下载与文档][CrossSlide] [查看演示][CrossSlide]** ######

#### [18. Slides – A Slideshow Plugin for jQuery][18. Slides _ A Slideshow Plugin for jQuery] ####

#### [![clip\_image018][clip_image018]][clip_image018_clip_image018] ####

###### **[下载与文档][18. Slides _ A Slideshow Plugin for jQuery] [查看演示][18. Slides _ A Slideshow Plugin for jQuery]** ######

#### [19. jTag – Plugin to Tag Pictures & More][19. jTag _ Plugin to Tag Pictures _ More] ####

#### [![clip\_image019][clip_image019]][clip_image019_clip_image019] ####

###### [下载与文档][Link 10] [查看演示][Link 10] ######

#### [20. Galleria – JavaScript Image Gallery Framework][3. Galleria] ####

#### [![clip\_image020][clip_image020]][clip_image020_clip_image020] ####

###### [下载与文档][Link 11] [查看演示 ][Link 11] ######

#### [21. A Horizontal Accordion Plugin for jQuery][] ####

#### [![clip\_image021][clip_image021]][clip_image021_clip_image021] ####

###### [下载与文档][21. A Horizontal Accordion Plugin for jQuery] [查看演示 ][21. A Horizontal Accordion Plugin for jQuery] ######

#### [22. jShowOff – A jQuery Content Rotator][22. jShowOff _ A jQuery Content Rotator] ####

#### [![clip\_image022][clip_image022]][clip_image022_clip_image022] ####

###### [下载与文档][22. jShowOff _ A jQuery Content Rotator] [查看演示][22. jShowOff _ A jQuery Content Rotator] ######

#### [23. Zoomy – E-Magnification][23. Zoomy _ E-Magnification] ####

#### [![clip\_image023][clip_image023]][clip_image023_clip_image023] ####

###### [下载与文档][23. Zoomy _ E-Magnification] [查看演示 ][23. Zoomy _ E-Magnification] ######

[1. Galleriffic]: http://www.twospy.com/galleriffic/index.html
[clip_image001]: http://pic003.cnblogs.com/2011/34358/201103/20110322100124186.jpg
[clip_image001_clip_image001]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_01.jpg
[Link 1]: http://www.twospy.com/galleriffic/example-2.html
[2. jPhotoGrid]: http://www.gethifi.com/blog/jphotogrid
[clip_image002]: http://pic003.cnblogs.com/2011/34358/201103/20110322100125629.jpg
[clip_image002_clip_image002]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_02.jpg
[Link 2]: http://www.gethifi.com/demos/jphotogrid
[3. Galleria]: http://galleria.aino.se/
[clip_image003]: http://pic003.cnblogs.com/2011/34358/201103/20110322100125932.jpg
[clip_image003_clip_image003]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_03.jpg
[4. YoxView]: http://www.yoxigen.com/yoxview/
[clip_image004]: http://pic003.cnblogs.com/2011/34358/201103/20110322100125953.jpg
[clip_image004_clip_image004]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_04.jpg
[Micro Image Gallery]: http://tympanus.net/codrops/2010/04/26/improved-micro-image-gallery-a-jquery-plugin/
[clip_image005]: http://pic003.cnblogs.com/2011/34358/201103/20110322100125897.jpg
[clip_image005_clip_image005]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_05.jpg
[Link 3]: http://tympanus.net/Tutorials/MicroGalleryImproved/
[AD Gallery]: http://coffeescripter.com/2009/07/ad-gallery-a-jquery-gallery-plugin/
[clip_image006]: http://pic003.cnblogs.com/2011/34358/201103/20110322100125396.jpg
[clip_image006_clip_image006]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_06.jpg
[Link 4]: http://coffeescripter.com/code/ad-gallery/
[slideViewerPro]: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html
[clip_image007]: http://pic003.cnblogs.com/2011/34358/201103/20110322100125253.jpg
[clip_image007_clip_image007]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_07.jpg
[Galleryview]: http://spaceforaname.com/galleryview
[clip_image008]: http://pic003.cnblogs.com/2011/34358/201103/20110322100125915.jpg
[clip_image008_clip_image008]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_08.jpg
[Link 5]: http://spaceforaname.com/gallery-light.html
[9. Pikachoose Image Gallery]: http://pikachoose.com/
[clip_image009]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126772.jpg
[clip_image009_clip_image009]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_09.jpg
[Link 6]: http://pikachoose.com/demo/
[10.]: http://tympanus.net/codrops/2010/06/24/multimedia-gallery/
[clip_image010]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126107.jpg
[clip_image010_clip_image010]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_10.jpg
[Link 7]: http://tympanus.net/Development/MultiMediaGallery/
[11. Spacegallery]: http://eyecon.ro/spacegallery/#download
[clip_image011]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126215.jpg
[clip_image011_clip_image011]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_11.jpg
[Link 8]: http://eyecon.ro/spacegallery/#about
[12. jQuery Cycle]: http://malsup.com/jquery/cycle/
[clip_image012]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126518.jpg
[clip_image012_clip_image012]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_12.jpg
[clip_image013]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126984.jpg
[clip_image013_clip_image013]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_13.jpg
[s3Slider]: http://www.serie3.info/s3slider/
[clip_image014]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126929.jpg
[clip_image014_clip_image014]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_14.jpg
[slideViewer]: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
[clip_image015]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126873.jpg
[clip_image015_clip_image015]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_15.jpg
[jFlow]: http://nettuts.s3.amazonaws.com/078_screencast2/jFlowTutorial/index.htm
[clip_image016]: http://pic003.cnblogs.com/2011/34358/201103/20110322100126340.jpg
[clip_image016_clip_image016]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_16.jpg
[Link 9]: http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/
[CrossSlide]: http://www.gruppo4.com/~tobia/cross-slide.shtml
[clip_image017]: http://pic003.cnblogs.com/2011/34358/201103/20110322100130505.jpg
[clip_image017_clip_image017]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_17.jpg
[18. Slides _ A Slideshow Plugin for jQuery]: http://slidesjs.com/
[clip_image018]: http://pic003.cnblogs.com/2011/34358/201103/20110322100130721.jpg
[clip_image018_clip_image018]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_18.jpg
[19. jTag _ Plugin to Tag Pictures _ More]: http://djpate.com/2011/01/14/jtag-a-jquery-plugin-to-tag-pictures-more/
[clip_image019]: http://pic003.cnblogs.com/2011/34358/201103/2011032210013024.jpg
[clip_image019_clip_image019]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_19.jpg
[Link 10]: http://djpate.com/portfolio/jTag/
[clip_image020]: http://pic003.cnblogs.com/2011/34358/201103/20110322100133993.jpg
[clip_image020_clip_image020]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_20.jpg
[Link 11]: http://galleria.aino.se/download/
[21. A Horizontal Accordion Plugin for jQuery]: http://nicolahibbert.com/demo/liteAccordion/
[clip_image021]: http://pic003.cnblogs.com/2011/34358/201103/20110322100135795.jpg
[clip_image021_clip_image021]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_21.jpg
[22. jShowOff _ A jQuery Content Rotator]: http://ekallevig.com/jshowoff/
[clip_image022]: http://pic003.cnblogs.com/2011/34358/201103/2011032210013657.jpg
[clip_image022_clip_image022]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_22.jpg
[23. Zoomy _ E-Magnification]: http://redeyeoperations.com/plugins/zoomy/
[clip_image023]: http://pic003.cnblogs.com/2011/34358/201103/20110322100136914.jpg
[clip_image023_clip_image023]: http://smashinghub.com/wp-content/uploads/2011/03/jquery_gallery_23.jpg