21款jQuery Slideshow插件
fmms 13年前
<h3>1. <a title="jQuery lightBox" href="/misc/goto?guid=4958185383911771355" rel="nofollow" target="_blank">jQuery lightBox</a></h3> <p>jQuery <strong>lightBox</strong> plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery`s selector.</p> <p><img title="jQuery lightBox" border="0" alt="jQuery lightBox" src="https://simg.open-open.com/show/2e571d7ddcd79c25291ce3b15a3baeba.jpg" width="425" height="375" /></p> <h3>2. <a title="GalleryView" href="/misc/goto?guid=4958184273637507960" rel="nofollow" target="_blank">GalleryView</a></h3> <p>GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.</p> <p><img class="alignnone size-full wp-image-768" title="gallery-view" alt="gallery-view" src="https://simg.open-open.com/show/15c669a5c23090cda5237d0006db20db.png" width="500" height="593" /></p> <h3>3. <a title="Popeye" href="/misc/goto?guid=4958185385353252614" rel="nofollow" target="_blank">Popeye</a></h3> <p>Popeye generates an inline image gallery from an unordered list of images. The gallery features clever inline image enlargement, i.e. the enlarged image stretches out over the site content without adding a visual overlay of the whole site. It stays fixed with one edge to its original coordinates, so that a sense of cohesiveness is created in the user interface and interaction.</p> <p><img class="alignnone size-full wp-image-764" title="Popeye" alt="Popeye" src="https://simg.open-open.com/show/b2fc77515b42c58e16216cacdc31748c.jpg" /></p> <h3>4. <a title="Pikachoose" href="/misc/goto?guid=4958184277944819480" rel="nofollow" target="_blank">Pikachoose</a></h3> <p>Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy, and if you need help, I can install PikaChoose on your website for you.</p> <p><img class="alignnone size-full wp-image-765" title="pikachoose" alt="pikachoose" src="https://simg.open-open.com/show/76eb039e056b4919df6a984749a89ce2.png" width="500" height="404" /></p> <h3>5. <a title="Galleria" href="/misc/goto?guid=4958184256030223468" rel="nofollow" target="_blank">Galleria</a></h3> <p>Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project.</p> <p><img class="alignnone size-full wp-image-756" title="galleria" alt="galleria" src="https://simg.open-open.com/show/07752474d9657bc7ceccbf85ec8013d2.png" width="500" height="458" /></p> <h3>6. <a title="Galleriffic" href="/misc/goto?guid=4958184251579910261" rel="nofollow" target="_blank">Galleriffic</a></h3> <p>Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.</p> <p><img class="alignnone size-full wp-image-757" title="galleriffic" alt="galleriffic" src="https://simg.open-open.com/show/4fdc6f962b7bbc240b2bf8d8d629330c.png" width="500" height="363" /></p> <h3>7. <a title="jQZoom" href="/misc/goto?guid=4958185388139385313" rel="nofollow" target="_blank">jQZoom</a></h3> <p>JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.</p> <p><img class="alignnone size-full wp-image-761" title="jqzoom" alt="jqzoom" src="https://simg.open-open.com/show/89e4fdfa588c536881580cddbc54d83f.png" width="500" height="215" /></p> <h3>8. <a title="Supersized" href="/misc/goto?guid=4958184289312726437" rel="nofollow" target="_blank">Supersized</a></h3> <p>Supersized is an image gallery built by buildinternet.com and it is able to slideshows the images with full screen. Besides that, it has navigation controls that allow for pause/play and forward/back. Maby available options present.</p> <p><img class="alignnone size-full wp-image-769" title="supersized" alt="supersized" src="https://simg.open-open.com/show/644804759bb30a99e16b0c0acecb7870.png" width="500" height="291" /></p> <h3>9. <a title="slideViewer" href="/misc/goto?guid=4958185389583900830" rel="nofollow" target="_blank">slideViewer</a></h3> <p>slideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images.</p> <p><img class="alignnone size-full wp-image-758" title="slideviewer" alt="slideviewer" src="https://simg.open-open.com/show/ce35338b04ffa54c0ea816d3e6b08fec.png" width="500" height="290" /></p> <h3>10. <a title="Easy Slider" href="/misc/goto?guid=4958185177102552514" rel="nofollow" target="_blank">Easy Slider</a></h3> <p>Easy Slider 1.5 – another one slideshow. It have such features as auto slide, continuous sliding, vertical sliding and other.</p> <p><img class="alignnone size-full wp-image-760" title="easy-slider" alt="easy-slider" src="https://simg.open-open.com/show/ef23b6fd4be56911af4d880b855b9ed5.png" width="500" height="154" /></p> <h3>11. <a title="EOGallery" href="/misc/goto?guid=4958185185652884559" rel="nofollow" target="_blank">EOGallery</a></h3> <p>EOGallery is a web animated slideshow gallery made with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures.</p> <p><img class="alignnone size-full wp-image-755" title="eogallery" alt="eogallery" src="https://simg.open-open.com/show/27d5e9bc4d3d4b8693eed917e2a75d6b.png" width="500" height="343" /></p> <h3>12. <a title="jqGalScroll" href="/misc/goto?guid=4958185391678597564" rel="nofollow" target="_blank">jqGalScroll</a></h3> <p>jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.</p> <p><img class="alignnone size-full wp-image-762" title="jqgalscroll" alt="jqgalscroll" src="https://simg.open-open.com/show/59c4dcc6e1983901012a407a596c7f3b.png" width="500" height="437" /></p> <h3>13. <a title="prettyPhoto" href="/misc/goto?guid=4958184280087566697" rel="nofollow" target="_blank">prettyPhoto</a></h3> <p>prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, 油Tube, iframes. It’s a full blown media lightbox.</p> <p><img class="alignnone size-full wp-image-764" title="prettyphoto" alt="prettyphoto" src="https://simg.open-open.com/show/6ebc165914c0a452d89c7b3533bfa8b3.png" width="500" height="353" /></p> <h3>14. <a title="Space Gallery" href="/misc/goto?guid=4958185393098491528" rel="nofollow" target="_blank">Space Gallery</a></h3> <p>Space Gallery is another jQuery photo gallery plugin. click on the image will make it fade away and the next image will move forward.</p> <p><img class="alignnone size-full wp-image-766" title="space-gallery" alt="space-gallery" src="https://simg.open-open.com/show/d4f79802bdacfc9e1371be0cf2978eb6.png" width="500" height="258" /></p> <h3>15. <a title="PictureSlides" href="/misc/goto?guid=4958185393836437998" rel="nofollow" target="_blank">PictureSlides</a></h3> <p>PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons etc (an older version, which also works with DOMAssistant, is available as PictureSlides 1.0).</p> <p><img class="alignnone size-full wp-image-767" title="picture-slides" alt="picture-slides" src="https://simg.open-open.com/show/1e8d02daae4093efecdcc06f55482ae8.png" width="500" height="474" /></p> <h3>16. <a title="Gallery View" href="/misc/goto?guid=4958185394575156994" rel="nofollow" target="_blank">Gallery View</a></h3> <p>GalleryView is a content-gallery plugin capable of displaying any HTML content in an animated gallery view. Visit the project home page for documentation and demonstrations.</p> <p><img class="alignnone size-full wp-image-767" title="Gallery View" alt="Gallery View" src="https://simg.open-open.com/show/6c1f9eeb3b27c9148c5ab0669d040669.jpg" /></p> <h3>17. <a title="S3 Slider – jQuery Image Gallery" href="/misc/goto?guid=4958185383911771355" rel="nofollow" target="_blank">S3 Slider – jQuery Image Gallery</a></h3> <p>s3Slider – jQuery Image Gallery Plugin. s3Slider jQuery Plugin – inspired by JonDesign’s Smooth SlideShow Library.</p> <p><img class="alignnone size-full wp-image-764" title="S3 Slider – jQuery Image Gallery" alt="S3 Slider – jQuery Image Gallery" src="https://simg.open-open.com/show/d7403fd6ec9d91ceee87a5723101f12e.jpg" /></p> <h3>18. <a title="Sliding Image Gallery" href="/misc/goto?guid=4958185395998795661" rel="nofollow" target="_blank">Sliding Image Gallery</a></h3> <p>The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides.</p> <p><img class="alignnone size-full wp-image-764" title="Sliding Image Gallery" alt="Sliding Image Gallery" src="https://simg.open-open.com/show/5cf594427353f8353a06f1b9c4294f1b.jpg" /></p> <h3>19. <a title="Flickr Gallery" href="/misc/goto?guid=4958185396752046282" rel="nofollow" target="_blank">Flickr Gallery</a></h3> <p>flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.</p> <p><img class="alignnone size-full wp-image-764" title="Flickr Gallery" alt="Flickr Gallery" src="https://simg.open-open.com/show/41d394354af40b591dae57a3d72b3d13.jpg" /></p> <h3>20. <a title="Simple Controls Image Gallery" href="/misc/goto?guid=4958185397507084255" rel="nofollow" target="_blank">Simple Controls Image Gallery</a></h3> <p>Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.</p> <p><img class="alignnone size-full wp-image-764" title="Simple Controls Image Gallery" alt="Simple Controls Image Gallery" src="https://simg.open-open.com/show/79ebc4478cc3ed90cb6bda119ad25d3c.jpg" /></p> <h3>21. <a title="Smooth Div Scroll" href="/misc/goto?guid=4958185398252732570" rel="nofollow" target="_blank">Smooth Div Scroll</a></h3> <p>Smooth Div Scroll generates an inline image gallery from an unordered list of images. The gallery features clever inline image enlargement, i.e. the enlarged image stretches out over the site content without adding a visual overlay of the whole site. It stays fixed with one edge to its original coordinates, so that a sense of cohesiveness is created in the user interface and interaction.</p> <p><img class="alignnone size-full wp-image-764" title="Smooth Div Scroll" alt="Smooth Div Scroll" src="https://simg.open-open.com/show/53839e2e2a28c533155d36cbded201e1.jpg" /></p>