Best JQuery Photo Gallery and Slideshow

Best JQuery Photo Gallery and Slideshow

This weekend, I wanted to find an open source jQuery photo gallery and slideshow script that looked great and was easy to implement. After doing a lot of research and trying out different scripts, I discovered that Galleriffic is the best open source photo gallery and slideshow available by a long shot. I’ve been really impressed with Galleriffic and wanted to share this wonderful resource for today’s post.

What is Galleriffic?

Galleriffic is an open source script that’s built with jQuery and is free to use. jQuery has a lot of built in functionality to handle Flash-like transitions and fade effects.

Features

The Galleriffic script provides paginated thumbnails on the left side of the gallery, and a large image of the current thumb on the right. To view each image, users can click on the individual thumbnails, click on “Next Photo” or “Previous Photo”, click on “Play Slideshow”, click on the main image, or even use the arrow keys to jump between thumbnails. The size of the thumbnails is completely configurable. Gallerrific’s demo includes a set of 15 thumbnails for each thumbnail set. Users can page to each set of thumbnails with the pagination control above and below the thumbnail section. A title and description can also be accompanied with each photo.

Implementation

Implementing Galleriffic was a breeze. When you download the source code, you’ll get a folder of CSS files, a folder of Javascript files, and five example Galleriffic HTML files. The images, titles, and descriptions for your photo gallery and slideshow are stored in an unordered list with the class name “thumbs”. After moving the files to my web server and creating a PHP service to dynamically generate the unordered list code, I suddenly had a very rich, professional looking photo gallery and slideshow within about 15 minutes.