60款很酷的 jQuery 幻灯片演示和下载

[转自：http://www.cnblogs.com/lhb25/archive/2011/05/31/2056103.html](http://www.cnblogs.com/lhb25/category/277997.html) [jQuery](http://www.cnblogs.com/lhb25/category/277997.html) 是一个非常优秀的[JavaScript](http://www.cnblogs.com/lhb25/category/146074.html) 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片效果的实现，这是一种在有限的网页空间内展示系列项目时非常好的方法。 今天这篇文章要给大家分享的是60款很酷的 [jQuery](http://www.cnblogs.com/lhb25/category/277997.html) 幻灯片插件，相信里面一定会有你喜欢的。 [Cloud Carousel](http://www.professorcloud.com/mainsite/carousel.htm) ([演示](http://www.professorcloud.com/mainsite/carousel.htm) |[下载](http://www.professorcloud.com/downloads/cloud-carousel.1.0.5.zip)) [](http://www.professorcloud.com/mainsite/carousel.htm) [ShineTime](http://addyosmani.com/blog/shinetime/) ([演示](http://www.addyosmani.com/resources/shinetime/) |[下载](http://www.addyosmani.com/resources/shinetime/shinetime.1.01.zip)) [](http://addyosmani.com/blog/shinetime/) [Nivo Slider](http://nivo.dev7studios.com/) ([演示](http://nivo.dev7studios.com/demos/) |[下载](http://dev7studios.com/downloads/31)) [](http://nivo.dev7studios.com/) [Interactive Photo Desk](http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/) ([演示](http://tympanus.net/Development/PhotoDesk/) |[下载](http://tympanus.net/Development/PhotoDesk/PhotoDesk.zip)) [](http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/) [Beautiful Photo Stack Gallery with jQuery and CSS3](http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/) ([演示](http://tympanus.net/Tutorials/PhotoStack/) | [下载](http://tympanus.net/Tutorials/PhotoStack/PhotoStack.zip)) [](http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/) [Micro Image Gallery: A jQuery Plugin](http://tympanus.net/codrops/2010/04/19/micro-image-gallery-a-jquery-plugin-2/) ([演示](http://tympanus.net/Tutorials/MicroGallery/) | [下载](http://tympanus.net/Tutorials/MicroGallery/MicroGallery.zip)) [](http://tympanus.net/codrops/2010/04/19/micro-image-gallery-a-jquery-plugin-2/) [Minimalistic Slideshow Gallery with jQuery](http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/) ([演示](http://tympanus.net/Tutorials/MinimalisticSlideshowGallery/) | [下载](http://tympanus.net/Tutorials/MinimalisticSlideshowGallery/MinimalisticSlideshowGallery.zip)) [](http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/) [Image Slider with Unique Effects](http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/) ([演示](http://workshop.rs/projects/coin-slider) |[下载](https://code.google.com/p/coin-slider/downloads/list)) [](http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/) [Create image gallery in 4 lines of jQuery](http://workshop.rs/2010/07/create-image-gallery-in-4-lines-of-jquery/) ([演示](http://workshop.rs/demo/gallery-in-4-lines) |[下载](http://workshop.rs/demo/gallery-in-4-lines/gallery-in-4-lines.zip)) [](http://workshop.rs/2010/07/create-image-gallery-in-4-lines-of-jquery/) [Slideshow with strip effects](http://workshop.rs/projects/jqfancytransitions/) ([演示](http://workshop.rs/projects/jqfancytransitions/) |[下载](http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/)) [](http://workshop.rs/projects/jqfancytransitions/) [Nivo Zoom](http://dev7studios.com/portfolio/nivo-zoom/)([演示](http://nivozoom.dev7studios.com/) |[下载](http://dev7studios.com/downloads/24)) [](http://dev7studios.com/portfolio/nivo-zoom/) [AD Gallery, gallery plugin for jQuery](http://coffeescripter.com/code/ad-gallery/) ([演示](http://coffeescripter.com/code/ad-gallery/) |[下载](http://coffeescripter.com/code/ad-gallery/jquery.ad-gallery.1.2.4.zip)) [](http://coffeescripter.com/code/ad-gallery/) [MLB.com Content Switcher with jQuery and CSS3](http://www.impressivewebs.com/mlb-switcher/) ([演示](http://www.impressivewebs.com/demo-files/mlb-switcher/#1) |[下载](http://www.impressivewebs.com/demo-files/mlb-switcher/mlb-switcher-code.zip)) [](http://www.impressivewebs.com/mlb-switcher/) [Create Scrollable Interface](http://www.viget.com/inspire/jquery-image-scroller-plugin/) ([演示](http://www.viget.com/uploads/file/image-scroller/) |[下载](http://www.viget.com/inspire/jquery-image-scroller-plugin/)) [](http://www.viget.com/inspire/jquery-image-scroller-plugin/) [Animate Panning Slideshow with jQuery](http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/) ([演示](http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm) | [下载](http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.zip)) [](http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/) [Image Scale Carousel](http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/) ([演示](http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/) |[下载](http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/)) [](http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/) [Sudo Slider](http://webbies.dk/Sudo%20Slider/basic.html) ([演示](http://webbies.dk/Sudo%20Slider/) |[下载](http://webbies.dk/Sudo%20Slider/)) [](http://webbies.dk/Sudo%20Slider/basic.html) [GALLERYVIEW](http://plugins.jquery.com/project/galleryview/) ([演示](http://spaceforaname.com/gallery-light.html) |[下载](http://plugins.jquery.com/files/galleryview-2.1.1.zip)) [](http://plugins.jquery.com/project/galleryview/) [Jquery Plugin MopSlider 2.4](http://www.mopstudio.jp/mopSlider2descrip.html) ([演示](http://www.mopstudio.jp/mopSlider2demo.html) |[下载](http://www.mopstudio.jp/mopPlugin/mopSlider.zip)) [](http://www.mopstudio.jp/mopSlider2descrip.html) [jQuery Image Scroller](http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/) ([演示](http://cdn.net.tutsplus.com/300_jquery/image%20Scroller/imageScroller.html) | [下载](http://cdn.net.tutsplus.com/300_jquery/image%20Scroller.zip)) [](http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/) [Image Gallery Using jQuery and Flickr](http://galleria.aino.se/) ([演示](http://galleria.aino.se/) |[下载](http://galleria.aino.se/media/galleria/demos/fullscreen-03.html)) [](http://galleria.aino.se/) [jQuery plugin: Wilq32.RotateImage](http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html) ([演示](http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html) | [下载](http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html)) [](http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html) [jQZoom Evolution](http://www.mind-projects.it/projects/jqzoom/) ([演示](http://www.mind-projects.it/projects/jqzoom/demos.php#demo1) |[下载](http://www.mind-projects.it/projects/jqzoom/archives/jqzoom_ev1.0.1.zip)) [](http://www.mind-projects.it/projects/jqzoom/) [Photo gallery using jQuery and VisualLightBox](http://www.script-tutorials.com/creating-photo-gallery-using-jquery-and-visuallightbox/) ([演示](http://www.script-tutorials.com/demos/11/index.html) | [下载](http://www.script-tutorials.com/demos/11/source.zip)) [](http://www.script-tutorials.com/creating-photo-gallery-using-jquery-and-visuallightbox/) [Zoomimage](http://www.script-tutorials.com/jquery-css-tutorial-zooming-image/) ([演示](http://www.script-tutorials.com/demos/3/source.html) |[下载](http://www.script-tutorials.com/demos/3/source.zip)) [](http://www.script-tutorials.com/jquery-css-tutorial-zooming-image/) [YoxView](http://www.yoxigen.com/yoxview/Default.aspx) ([演示](http://www.yoxigen.com/yoxview/Default.aspx) |[下载](http://www.yoxigen.com/yoxview/download.aspx)) [](http://www.yoxigen.com/yoxview/Default.aspx) [Supersized](http://buildinternet.com/2009/05/supersized-20-full-screen-imagebackground-slideshow-jquery-plugin-w-transitions-and-controls/) ([演示](http://www.buildinternet.com/project/supersized/default.php) | [下载](http://buildinternet.com/project/supersized/)) [](http://buildinternet.com/2009/05/supersized-20-full-screen-imagebackground-slideshow-jquery-plugin-w-transitions-and-controls/) [AnythingSlider](http://css-tricks.com/examples/AnythingSlider/#panel-4) ([演示](http://css-tricks.com/examples/AnythingSlider/#panel-3) |[下载](http://github.com/chriscoyier/AnythingSlider/archives/master)) [](http://css-tricks.com/examples/AnythingSlider/#panel-4) [Photo Revealer](http://css-tricks.com/examples/RevealingPhotoSlider2/) ([演示](http://css-tricks.com/examples/RevealingPhotoSlider2/) |[下载](http://css-tricks.com/examples/RevealingPhotoSlider.zip)) [](http://css-tricks.com/examples/RevealingPhotoSlider2/) [Exposure](http://plugins.jquery.com/project/Exposure) ([演示](http://plugins.jquery.com/project/Exposure) |[下载](http://plugins.jquery.com/project/Exposure)) [](http://plugins.jquery.com/project/Exposure) [Auto-Playing Featured Content Slider](http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/) ([演示](http://css-tricks.com/examples/FeaturedContentSlider/) | [下载](http://css-tricks.com/examples/FeaturedContentSlider.zip)) [](http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/) [Horinaja](http://www.davidmassiani.com/horinaja/) ([演示](http://www.davidmassiani.com/horinaja/) |[下载](http://www.davidmassiani.com/horinaja/download.php)) [](http://www.davidmassiani.com/horinaja/) [S3 Slider](http://www.serie3.info/s3slider/demonstration.html) ([演示](http://www.serie3.info/s3slider/demonstration.html) |[下载](http://www.serie3.info/s3slider/demonstration.html)) [](http://www.serie3.info/s3slider/demonstration.html) [Slide Deck](http://www.slidedeck.com/) ([演示](http://www.slidedeck.com/) |[下载](http://www.slidedeck.com/pricing/)) [](http://www.slidedeck.com/) [Galleriffic](http://www.twospy.com/galleriffic/index.html) ([演示](http://www.twospy.com/galleriffic/example-2.html) |[下载](http://www.twospy.com/galleriffic/galleriffic-2.0.zip)) [](http://www.twospy.com/galleriffic/index.html) [Photo Gallery – Dark Theme](http://spaceforaname.com/gallery-dark.html) ([演示](http://spaceforaname.com/gallery-dark.html) |[下载](http://spaceforaname.com/gallery-dark.html)) [](http://spaceforaname.com/gallery-dark.html) [jQuery morphing gallery](http://codeassembly.com/jQuery-morphing-gallery/) ([演示](http://codeassembly.com/examples/gallery/index.html#next) |[下载](http://codeassembly.com/files/gallery.zip)) [](http://codeassembly.com/jQuery-morphing-gallery/) [Simple Accordion w/ CSS and jQuery](http://www.sohtanaka.com/web-design/examples/accordion/) ([演示](http://www.sohtanaka.com/web-design/examples/accordion/) |[下载](http://www.sohtanaka.com/web-design/simple-accordion-w-css-and-jquery/)) [](http://www.sohtanaka.com/web-design/examples/accordion/) [Automatic Image Slider w/ CSS & jQuery](http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/) ([演示](http://www.sohtanaka.com/web-design/examples/image-slider/) | [下载](http://www.sohtanaka.com/web-design/examples/image-slider/)) [](http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/) [Create a Slick and Accessible Slideshow Using jQuery](http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/) ([演示](http://sixrevisions.com/demo/slideshow/final.html) | [下载](http://downloads.sixrevisions.com/slick_accessible_slideshow.zip)) [](http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/) [Fancy Thumbnail Hover Effect w/ jQuery](http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/) ([演示](http://www.sohtanaka.com/web-design/examples/image-zoom/) | [下载](http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/)) [](http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/) [Coda Slider Effect](http://jqueryfordesigners.com/coda-slider-effect/) ([演示](http://jqueryfordesigners.com/coda-slider-effect/) |[下载](http://jqueryfordesigners.com/coda-slider-effect/)) [](http://jqueryfordesigners.com/coda-slider-effect/) [Simple Controls Gallery](http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm) ([演示](http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm) |[下载](http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm)) [](http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm) [Popeye](http://dev.herr-schuessler.de/jquery/popeye/index.html) ([演示](http://dev.herr-schuessler.de/jquery/popeye/demo.html) |[下载](http://plugins.jquery.com/project/popeye)) [](http://dev.herr-schuessler.de/jquery/popeye/index.html) [Simple 演示](http://www.maaki.com/thomas/SmoothDivScroll/#quickdemo) ([演示](http://www.maaki.com/thomas/SmoothDivScroll/#quickdemo) |[下载](http://www.maaki.com/thomas/SmoothDivScroll/download/SmoothDivScroll-1.0.zip)) [](http://www.maaki.com/thomas/SmoothDivScroll/#quickdemo) [ImageFlow](http://imageflow.finnrudolph.de/) ([演示](http://imageflow.finnrudolph.de/) |[下载](http://finnrudolph.de/ImageFlow/Download)) [](http://imageflow.finnrudolph.de/) [Moving Boxes](http://css-tricks.com/moving-boxes/) ([演示](http://css-tricks.com/examples/MovingBoxes/) |[下载](http://github.com/chriscoyier/MovingBoxes)) [](http://css-tricks.com/moving-boxes/) [SlideViewerPro](http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html)([演示](http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html) |[下载](http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html)) [](http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html) [Pirobox](http://www.pirolab.it/pirobox/index.php#demos) ([演示](http://www.pirolab.it/pirobox/index.php#demos) |[下载](http://www.pirolab.it/pirobox/index.php#demos)) [](http://www.pirolab.it/pirobox/index.php#demos) [jQuery simple panorama viewer](http://www.openstudio.fr/jquery.panorama/) ([演示](http://www.openstudio.fr/jquery.panorama/) |[下载](http://www.openstudio.fr/download/jquery.panorama.zip)) [](http://www.openstudio.fr/jquery.panorama/) [A Beautiful Apple-style Slideshow Gallery](http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/) ([演示](http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html) | [下载](http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.zip)) [](http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/) [Flickr Photobar Gallery](http://tympanus.net/codrops/2010/06/10/flickr-photobar-gallery/) ([演示](http://tympanus.net/Tutorials/FlickrPhotobarGallery/) |[下载](http://tympanus.net/Tutorials/FlickrPhotobarGallery/FlickrPhotobarGallery.zip)) [](http://tympanus.net/codrops/2010/06/10/flickr-photobar-gallery/) [Step Carousel Viewer](http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm) ([演示](http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm) |[下载](http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm)) [](http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm) [Zoom-Info](http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/) ([演示](http://addyosmani.com/resources/zoominfo/index.html) | [下载](http://addyosmani.com/resources/zoominfo/zoom-info.zip)) [](http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/) [Box Slider](http://nv.github.com/box-slider/) ([演示](http://nv.github.com/box-slider/) |[下载](http://nv.github.com/box-slider/)) [](http://nv.github.com/box-slider/) [jQuery Panel Gallery](http://www.catchmyfame.com/2009/05/02/jquery-panel-gallery-plugin/) ([演示](http://www.catchmyfame.com/jquery/demo/2/) |[下载](http://www.catchmyfame.com/2009/05/02/jquery-panel-gallery-plugin/)) [](http://www.catchmyfame.com/2009/05/02/jquery-panel-gallery-plugin/) [Image Highlighting and Preview with jQuery](http://tympanus.net/codrops/2010/07/04/image-highlighting-preview/) ([演示](http://tympanus.net/Tutorials/ImageHighlighter/) | [下载](http://tympanus.net/Tutorials/ImageHighlighter/ImageHighlighter.zip)) [](http://tympanus.net/codrops/2010/07/04/image-highlighting-preview/) [Multimedia Gallery for Images, Video and Audio](http://tympanus.net/codrops/2010/06/24/multimedia-gallery/) ([演示](http://tympanus.net/Development/MultiMediaGallery/) |[下载](http://tympanus.net/Development/MultiMediaGallery/MultiMediaGallery.zip)) [](http://tympanus.net/codrops/2010/06/24/multimedia-gallery/) [Awesome Mobile Image Gallery Web App](http://tympanus.net/codrops/2010/05/27/awesome-mobile-image-gallery-web-app/) ([演示](http://tympanus.net/Tutorials/WonderwallMobileGallery/) | [下载](http://tympanus.net/Tutorials/WonderwallMobileGallery/WonderwallMobileGallery.zip)) [](http://tympanus.net/codrops/2010/05/27/awesome-mobile-image-gallery-web-app/)