12 Javascript Image Galleries
November 7, 2007 by Oli · 8 Comments ![]()
![]()
![]()
![]()
![]()
There are a large number of Flash image galleries but sometimes Flash is not required or cant be used so we turn to JavaScript and CSS. Here is a roundup of some of the better JavaScript and Ajax based solutions to our gallery requirements …
(E)2 Photo Gallery Made With Mootools – (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
jqGalViewIII – Here we have yet another photo / image gallery, except at this point it is only a proof of concept. I see a ton of photo galleries in Flash and see a lot of effects that just can’t be done in JavaScript, but a ton of effects that can be achieved
Zenphoto – Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense
Imago - Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting
Modified Hoverbox Image Gallery – This following is a modified version of Nathan’s incredible Hoverbox Image Gallery. This version uses a single image for thumbnail/larger view and partially supports :active and :focus states for keyboard only users
Spry – Image Gallery made with the Spry framework
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
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
Photo Folder – PhotoFolder scans a given folder for JPEG files with any number of thumbnail sizes per image. If the resized images do not yet exist, it will automatically create the thumbnails for you
Pyxy – 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
JonDesign’s SmoothGallery – 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
Minishowcase – Minishowcase is a small and simple php/JavaScript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes

















Does any of those listed above allow an auto-play option?
Nice galleries, except that none of them work with javascript turned off; very inaccessible.
excellent collection and explanation. I am in the process searching for an online gallery and this is a great resource. Thanks for sharing.
@Aaron, I can’t speak for the other galleries, but the “jqGalViewIII” one, which is mine, is accessible if javascript is turned off. jqGalViewIII, like my other photo / image gallery plugins work off a semantic structure, whether it is a table with images in it or list item or a single div with a bunch of images in it, what the javascript does in my plugin, is just give it some extra functionality.
very good man
Thank you very much.
I urgently need an easy to use gallery for a client with absolutely no knowledge on html, javascript, php, ajax, etc. whatsoever. I was looking around for some weeks now and couldn’t find anything really appropriate.
So again, thank’s a lot.
Ruana
some nice examples i think the best is imago…
@deanoj thanks
@tb-team thanks for featuring imago, i got some nice traffic from you