15 jQuery Plugins For A Better Photo Gallery And Slideshow

素颜马尾好姑娘i 2022-08-06 15:26 86阅读 0赞

Photo Gallery, picture gallery, or slideshow are the best way to showcase your images/photos to your readers. There are a lot of different methods to create them and today we are going to look into different jQuery plugins that can be used to create a better photo gallery.

### 1. [GalleryView][] ###

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.  
![gallery-view][]

### 2. [Pikachoose][] ###

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 and easy to setup.  
![pikachoose][]

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

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded.  
![galleria][]

### 4. [Galleriffic][] ###

Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.  
![galleriffic][]

### 5. [Supersized][] ###

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.  
![supersized][]

### 6. [slideViewer][] ###

slideViewer is a lightweight (1.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.  
![slideviewer][]

### 7. [Easy Slider][] ###

Easy Slider (as I call this plugin) enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.  
![easy-slider][]

### 8. [EOGallery][] ###

EOGallery is a web animated slideshow gallery maid with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures.  
![eogallery][]

### 9. [jQZoom][] ###

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.  
![jqzoom][]

### 10. [jqGalScroll][] ###

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.  
![jqgalscroll][]

### 11. [jQuery Scroll Show][] ###

ScrollShow is a unique photo gallery implementation that uses scrolling to display the items. It’s similar to a carousel implementation, but simpler and more flexible.  
![jquery-scrollshow][]

### 12. [prettyPhoto][] ###

prettyPhoto is a jQuery lightbox clone. It has excellent animations and support themes.  
![prettyphoto][]

### 13. [Space Gallery][] ###

Space Gallery is another fancy jQuery photo gallery plugin. click on the image will make it fade away and the next image will move forward.  
![space-gallery][]

### 14. [PictureSlides][] ###

PictureSlides 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.  
![picture-slides][]

### 15. [Image Gallery by qd-creative][] ###

This is a simple image gallery created by the author of qd-creative.co.uk.  
![qd-creative-image-gallery][]

[GalleryView]: http://spaceforaname.com/galleryview
[gallery-view]: /images/20220805/8bfe5b8355f84a7698a6239312cc3bec.png
[Pikachoose]: http://pikachoose.com/
[pikachoose]: /images/20220805/0fe2cd4176af4d1b92d5f558ec3d0e46.png
[Galleria]: http://devkick.com/lab/galleria/
[galleria]: /images/20220805/cef439cd04314afe99ee48626ae7067c.png
[Galleriffic]: http://www.twospy.com/galleriffic/index.html
[galleriffic]: /images/20220805/440af0b7f0474d358f0cc5a9f64ebd75.png
[Supersized]: http://www.buildinternet.com/project/supersized/
[supersized]: /images/20220805/6604b5f71e584cbcbdeb32e1bf716a64.png
[slideViewer]: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
[slideviewer]: /images/20220805/b00159ec2980489eafbaf73e9132397c.png
[Easy Slider]: http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
[easy-slider]: /images/20220805/1255ff234d10431db52439a24058daa7.png
[EOGallery]: http://www.eogallery.com/
[eogallery]: /images/20220805/728898a3251741f580693a1fdfd1dffe.png
[jQZoom]: http://www.mind-projects.it/projects/jqzoom/
[jqzoom]: /images/20220805/5b6fdf168aa343948bfe65d9afb6de0d.png
[jqGalScroll]: http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/
[jqgalscroll]: /images/20220805/d7d078e4acc84e6f8290571777ce4918.png
[jQuery Scroll Show]: http://flesler.blogspot.com/search/label/jQuery.ScrollShow
[jquery-scrollshow]: /images/20220805/10306fde594045d4a66dff119e21afe8.png
[prettyPhoto]: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
[prettyphoto]: /images/20220805/39f03e285db2451d92a876e64a98584e.png
[Space Gallery]: http://eyecon.ro/spacegallery/
[space-gallery]: /images/20220805/ccb177c4814d4cb6965e45a588c65e21.png
[PictureSlides]: http://www.robertnyman.com/picture-slides/index.htm
[picture-slides]: /images/20220805/a9ad3c1091d54847a0168a4e5cc4b8c7.png
[Image Gallery by qd-creative]: http://enhance.qd-creative.co.uk/2008/07/12/an-image-gallery/
[qd-creative-image-gallery]: /images/20220805/2891a3831e1c42b395c7566a218baf0f.png