Top 14 jQuery Photo Slideshow / Gallery Plugins

Posted in Developer News by bpdsbot | Jan 20, 2009

BPDS Bot: half man / half web specialist — programmed by expert Web Craftsman with this prime directive: to destroy bad design and replace it with amazing user experiences that blend form and function into a beautiful double rainbow of internet awesome.

Favorite movie is Terminator 2 (for obvious reasons).

Retweet

jQuery is becoming present in more Web 2.0 sites. jQuery slideshows or galleries take a grouping of images and turn it into an flash-like image/photo gallery. Here is a list of top options available for your website’s photo gallery.

Galleria - Galleria is javascript image gallery written as a plugin of jQuery. It uses simple html list to load the images on by one into a larger canvas. The best thing of galleria is that, it can create thumbnails for you. It is very user friendly and can be implemented easily without much knowledge of scripting. Checkout a Galleria Demo

jQuery Multimedia Portfolio - Display your portfolio items in a horizontal gallery view. A very cool jquery plugin. It is Non obstrusive and accessible portfolio supporting multiple media. It supports photos, multimedia content like flv, audio mp3 etc. It can automatically detect extension and display images/snapshots according to it. Here is a quick screen shot. Click on it for demo and download.

Space Gallery - Animate your images and display them as a gallery in space effect much like Apples time machine. These images will look like if they are in 3d space.

jQuery Slider Gallery - Rotate your images in similar effect as on Apple’s website. You can rotate images, product pictures or anything you like.

jQuery jsGallscroll Plugin - 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.

jQuery Cycle Plugin - The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

EO Gallery - 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. By the way, EOGallery is XHTML 1.0 strict valid and almost CSS valid, it has been tested on Firefox, Safari, Internet Explorer 6 and works even with non-javascript and/or non-css browsers.

slideViewer - slideViewer checks for the number of images within your list, and dinamically creates a set of links to command (slide) you pictures.

jQuery lightbox plugin - jQuery lightBox 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. LightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar.

Galleriffic - A jQuery plugin for rendering fast-performing photo galleries

pirobox -Pirobox is another JS gallery script with the difference hatwrite by Diego Valobra.Take a look at his script,you can see that he used a few tricks to get his goal to create a good looking jQuery gallery.

jQuery Popeye - 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. Demo

zoomimage - Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border. Demo

Dynamic Image Gallery and Slideshow - This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features. Demo

GalleryView - display a photo gallery with slideshow functionality. Clicking on a frame will jump to that photo, and the overlay caption for each photo contains links to the full image. Demo

NotesForLightBox - a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

The current functionalities are:
• Rounded corners light box
• Navigation with buttons
• Real slide show with progress bar

GallerificPlus – inspired by Trent Foley’s Gallerific plugin, and Leandro Vieira Pinho’s jQuery LightBox plugin. The concept from the plugin originated from a client project that required a smooth jQuery gallery with lightbox functionality.

We forgot the one on our own chicago website design page. Do you have any plugins to add? Leave your recommendations in the comments below.

How To: Build a Simple RSS Reader with JQuery

Top 10 WordPress CMS Plugins

jQuery Intellisense in VS 2008

Easy jQuery Pull Quotes

jQuery Content Slider Tutorial

jQuery Slide Out Drawer Effect

http://blog.lib.umn.edu/

Comments are closed, but you can leave a trackback.

51 Responses to “Top 14 jQuery Photo Slideshow / Gallery Plugins”

On February 5th, 2009 at 4:19
Matteo Bicocchi said:

I can suggest those plugins:

(mb)ContainersPlus 1.0
http://pupunzi.wordpress.com/2009/02/01/mbcontainersplus/

(mb)Menu 1.0
http://pupunzi.wordpress.com/2009/01/18/mbmenu/
On February 5th, 2009 at 4:22
Matteo Bicocchi said:

I can suggest those plugins to navigate big images:
(mb)ImgNavigator 1.0
http://pupunzi.wordpress.com/2009/01/20/mbimgnavigator/
On February 7th, 2009 at 4:18
Nico Sap said:

That are nice jQuery plugins, i mostly use lytebox myself.
Didn’t knew all of these
On March 13th, 2009 at 9:31
lindsayanng said:

OK.. So i have been playing with the Galleria plug in for TWO WEEKS and it just plain DOES NOT WORK. I had myself and TWO other really AWESOME coders look at it and no one can get it running.

If ANYONE has gotten it running, and you PLEASE email me. I will happily pay someone to tweak mine. I’m simple trying to get the advanced demo to work on my website.. the ACTUAL tweeking will be my job.
On March 22nd, 2009 at 1:17
Alexandre Broggio said:

very cool
On March 26th, 2009 at 4:28
Matt Gifford said:

I can highly recommend gallerificPlus, an blend of the fantastic gallerific gallery and lightbox plugins. All in one

http://www.mattgifford.co.uk/projects/gallerificplus/
On April 2nd, 2009 at 3:17
Timo said:

Great collection of slideshows, thanks a lot. Please have a look at my one: http://www.designbits.de
I’m so proud of it!
On April 9th, 2009 at 6:11
Blair R said:

What about something like on http://iceberrg.com. It uses labels that are links to navigate through tags. Has an autoplay feature that runs by default. I wanted to do something like this.
On April 14th, 2009 at 9:01
Paul H said:

The latest popeye gallery doesnt appear to work on Safari for Windows.
On May 12th, 2009 at 8:11
Anton Shevchuk said:

Try my plugin
http://slideshow.hohli.com
On May 14th, 2009 at 12:18
Suzuki said:

excellent collection and explanation. I am in the process searching for an online gallery and this is a great resource. Thanks for sharing.
On May 26th, 2009 at 9:21
Polina Sergeeva said:

Oh wow I love this. Thanks for all the tips. I’m a photographer and I’m just building my site now and I would love to add something like this to display certain portfolios in my header.

There’s so much good sharing going on here!
On May 30th, 2009 at 9:16
Fred Campbell said:

I love jQuery and these galleries are excellent. I’ve already used the galleria and it is superb – and validates!
On June 5th, 2009 at 1:07
Search said:

Very useful post. I am trying everyone of them, Thanks.
On June 5th, 2009 at 11:56
accounting homework said:

Good one, galleries can be useful at times especially for projects etc

Thanks for posting them
On June 15th, 2009 at 2:40
Essejeddifilt said:

Вот так,несогласен с предыдущими блоггерами
Споки Bye
On June 20th, 2009 at 2:08
Essejeddifilt said:

Вот так,несогласен с предыдущими неудачниками
Споки
On June 21st, 2009 at 3:37
mp3 said:

Very useful.
On June 21st, 2009 at 3:39
djzaa said:

Great I love it.
On June 29th, 2009 at 9:19
Eros said:

Try out also my plugin
http://www.recoding.it/wp-content/uploads/demos/showcase-demo.htm
On July 1st, 2009 at 6:36
Heloril said:

NotesForLightBox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
The current functionalities are:

Rounded corners light box
Navigation with buttons
Real slide show with progress bar

Live demo:
http://www.notesfor.net/post/NotesForLightBox.aspx
On July 2nd, 2009 at 1:21
reiki said:

Excellent information. Finding a few such solutions has taken hours in the past.

Thank u.
On July 22nd, 2009 at 6:33
Shuffy said:

Brilliant. I love JQuery. ‘Makes it so easy to impress your friends (your nerd ones).
On July 23rd, 2009 at 1:45
Alaa Al-Hussein said:

Nice collection,

I just wanted to add GalleryView to the list.
On August 1st, 2009 at 2:13
Blarnee.com said:

Great sliders! If anyone would like to grab a brand new jQuery Slideshow component that’s only 820 bytes in size, you can download it from my blog now.
On August 10th, 2009 at 1:30
Ecommerce web design said:

Nice collection of galleries, I love easy slider because its very easy to integrate.
On August 31st, 2009 at 8:17
Liena Aifen said:

nice info ^_^
thanks it’s really usefull
On September 3rd, 2009 at 10:47
lindsay said:

wow.. still can NOT get galleria to work. i have made HUGE strides in my knowledge of coding and javascript specifically, but this gallery – i mean COME ON!!

I took the code DIRECTLY from the website. Downlad teh html page directly from the working demo.. tool the JS files directly out of the source code.. and it DOES NOT WORK!

You click on teh small images, and TWO large images pop up.. it just does NOT make any sense at all

i will pay ANYONE who can get this working on my website.. click the link on this comment and go to the contact page..
On October 14th, 2009 at 8:37
Webstandard-Team said:

Nice Collection, if you need some more jQuery-Scripts for Image-Galleries, don’t miss Creative Image-Galleries by jQuery or ImageFlow – The animated Image-Gallery!
On October 22nd, 2009 at 8:21
web suunnittelua said:

Out of the hundreds of jQuery slideshows / gallery plugins , these are BY FAR the best. Nice job.
On October 28th, 2009 at 7:22
Russel Pea said:

Thanks! very useful
On October 30th, 2009 at 10:10
wie yoga said:

JQuery I love thanks for the great post
On November 10th, 2009 at 5:40
Gigantografias said:

Excelente galerias, yo quiero hacer una de esas galerias para cambiarla por la que tengo actualmente en mi pagina de impresion digital de gran formato

http://www.remiserostudio.com/gigantografias.html

esta en flash asi que ahora prefiero que sea con js y plugins, seria mas liviana.

Blueprint Design