17 AJAX & Javascript Galleries

e2 AJAX Gallery
(E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP.

e2 AJAX Gallery

FrogJS Javascript Gallery
FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries. This type of gallery is best used when a page-by-page gallery is needed, as is the case with photo stories. Below is a small example of a FrogJS gallery. Just click the parrot thumbnail to scroll through the gallery.

FrogJS Javascript Gallery

Highslide
Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages. The library has many features such as no plugins like Flash or Java required, popup blockers are no problem. The content expands within the active browser window. Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it. Compatibility and safe fallback. If the user has disabled JavaScript or the JavaScript fails in any way, the browser redirects directly to the image itself or to a fallback HTML page. This fallback is able to cope with most exceptions and incompatibilities.

highslide

JonDesign’s SmoothGallery 2.0
Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website

JonDesign's SmoothGallery 2.0

LightWindow v2.0
A really great AJAX gallery built in a lightbox style. Tons of features. Check out the site for a full list.

LightWindow v2.0

Pyxy Gallery
Pyxy-gallery is an AJAX image gallery in PHP and JavaScript, which optionally uses lightbox.js. It is designed to be an ultra-light-weight, “drop-in” image gallery.

Pyxy Gallery

AJAX & Javascript Image Menus

Phatfusion- Image Menu
An excellent example of an image based menu. Features include, onClick event keeps selected item open.Click open item to close. Specify a function for the onClick event. Auto open when the page loads.

Phatfusion- Image Menu

AJAX & Javascript Lightboxes

Phatfusion- Lightbox
This lightbox is an extended version of Slimbox and has the following features, The ability to specify a containing div rather than just the body. Place the next/previous buttons in the footer. Add a description with html markup.

Phatfusion- Lightbox

Slimbox, the Ultimate Lightweight Lightbox Clone
Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2.

Slimbox- Lightbox

AJAX & Javascript Slideshows

dhtmlGoodies Image Slideshow Script
A very easy to configure AJAX Slideshow script from dhtmlGoodies.

dhtmlGoodies Image Slideshow Script

Google AJAX Feed API
The Slide Show is a simple to use application of the Google AJAX Feed API that is designed to let you add photo slide shows to your pages, sites, and blogs. The slide show control takes photo feeds from all popular sites, such as PhotoBucket, Flickr, and Picasa Web Albums. Any feeds that use Media RSS can be used without customization. However, the slide show control allows any photo-based feed to be accomodated, such as iTunes feeds similar to those found in the Tune Bar solution or the custom feed example below.

Google AJAX Feed API

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. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.

jQuery Cycle Plugin

Phatfusion- Slideshow
Very nice Javascript slideshow with features such as fade, slide and wipe transitions. The ability to loop the slideshow. Play, stop, next and previous controls. Inits from array of image src’s, a list of images on the page or using the href of an a tag like the lightbox.

Phatfusion- Slideshow

Rich Ajax slide shows with DHTML and XML
Personal image-management applications such as Apple iPhoto on the Macintosh have popularized the slide show view. In a slide show, the images appear in a timed sequence, with images fading in and out. In addition, the images are moved and zoomed in what has become known as the “Ken Burns Effect.” In this example, I have the browser download a list of images from the server. Then, I use that list of images to compose a slide show using Dynamic HTML (DHTML). I animate the images with random slow moves, zooms, and fades to give a pleasing version of the Ken Burns Effect without having to download Macromedia(R) Flash or any other heavyweight animation tools.

TripTracker - Customizable Javascript Image Viewer

TripTracker – Customizable Javascript Image Viewer
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature. The viewer is free to use in personal or commercial web pages, provided that the script is not sold or exchanged for profit.

TripTracker - Customizable Javascript Image Viewer

Slideshow – A Javascript Class for Mootools
Slideshow is a javascript class to stream and animate the presentation of images on your website. Slideshow was originally written as a plugin for the Textpattern CMS in 2006, using the original Moo.fx javascript library. This new version has been re-written from the ground-up for Mootools, incorporating many developments and feature requests over the past year. Use the links below to see what new features are available in Slideshow and how it might enhance the presentation of images on your website.

Slideshow - A Javascript Class for Mootools

WebTwo Ajax SlideShow
First of all, WebTwo Ajax SlideShow is a small proof of concept. It was ment to demonstrate the capabilities of Ajax as a SDK and to show that with a few lines of code most of the capabilities that once were only offered by commercial softwares can be easily recreated. It relies on few background code, mainly Prototype and Script.aculo.us from which SlideShow derives most of it’s functionalities, and it’s currently on it’s way to become just as much cross platform/browser as any other JavaScript well written code

WebTwo Ajax SlideShow

3 comments

  1. Pingback: nn galleries

  2. uggs   •  

    from me

  3. Chris   •  

    Great list! Any advise on how to use phatfusion image menu with joomla?thanks

Comments are closed.