15 jQuery Plugins For A Better Photo Gallery And Slideshow

Jul 6th, 09 by Dicky | 40 Comments |
Delicious 516 hits
You maybe interested in our latest article 75 Beautiful Valentine Wallpapers.

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

We regularly update articles about resources, tutorials and Wordpress to help designers and developers. If you are new to WebDesignBooth, why not subscribe to our RSS feed and get the latest updates immediately. You can also subscribe through email or follow us on Twitter.

Comments

  1. Jbcarey says:

    Nice List, well done – but this has been done before

  2. Iliya Chilev says:

    Awesome list! Really digg SUPERSIZED!

    You can consider adding the SCROLLABLE jquery plugin – very customizable and reliable. http://flowplayer.org/tools/scrollable.html

  3. Kyle Tunney says:

    Great post, thanks very much!!

  4. Ghostmiro says:

    Very nice list
    Galleria seems very cool. Shall try it!

    Greetz

  5. Ryan Gliozzo says:

    This is the best post i’ve ever seen for jquery galleries. I am working on a website that needs galleries and have been search high and low for the perfect solution so thankyou for this!
    I am just getting into jquery and life without flash, so my kid’s schools’ website will now have a fancy slideshow of images without using flash at all!

    Thanks again.

  6. sagar kanti sen says:

    really beautiful

  7. Awesome!!
    1-2 plugins seem to be very nice to try.
    Going to :) )

  8. Johnson Koh says:

    These are going to be so useful for me. Thanks Dicky! :)

  9. I did some searching for a great gallery and found this one: jQuery (mb)Gallery 1.0
    http://pupunzi.wordpress.com/2009/02/28/mbgallery/

    A full featured photo gallery, with navigation toolbar, thumbnails, autosize frame.

  10. SnowMan says:

    Great list and I’m testing a few of them out today for use on our new site. I’ll come back with my favorite. Good work.

  11. Benjamin says:

    I used JQZoom for some of my projects, but the 1000 lines of code weren’t easy to adjust to my own needs. So I created BeZoom, another image magnifier, that’s lightweight and easy to use. It’s located at http://benjaminmock.de/bezoom-jquery-plugin/

  12. Very helpful….thank u author.

  13. Shravan says:

    Beautiful image galleries to integrate into your website.

  14. I love Gallery View and Easy slider.

  15. Thanks for this great plugin for the website design and development. It has helped me to make the website design look really really great. Thanks again.

    Website Designer
    http://www.youngminds.com.hk

  16. Very nice, gallery collection. Thanks for sharing here.

  17. jquery1308 says:

    Nice plugins.
    there is an issue in PNG images for IE6. so please fix the PNG issue. then it will be very nice.

    Thanks

  18. obviously no doubt that its an amazing pluggin … thanks for posting .. you are a dude!

  19. Very good collection, thank you for sharing…. Now its just up to me to figure out, wich one I am gooing to use :-)

Leave a Comment