12 Javascript Image Galleries

November 7, 2007 by · 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

119.jpg


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

215.jpg


Zenphoto – Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense

37.jpg


Imago - Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting

47.jpg


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

57.jpg


Spry – Image Gallery made with the Spry framework

67.jpg


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

77.jpg


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

87.jpg


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

97.jpg


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

108.jpg


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

1110.jpg


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

123.jpg


Get professional web designing training to pass 1Y0-A08 exam and boost up your designing skills using 70-236 tutorials and JN0-100 demos related to javascript and ajax plugins.


Oliver Dale runs Kooc Media, A UK-Based web company which specialises in Web Apps, Online Communities, Wordpress Tutorials & Wordpress Plugins.

Comments

8 Responses to “12 Javascript Image Galleries”
  1. DAve Q says:

    Does any of those listed above allow an auto-play option?

  2. Aaron says:

    Nice galleries, except that none of them work with javascript turned off; very inaccessible.

  3. Sophia says:

    excellent collection and explanation. I am in the process searching for an online gallery and this is a great resource. Thanks for sharing.

  4. Benjamin Sterling says:

    @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.

  5. Sohbet says:

    very good man

  6. Ruana says:

    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

  7. deanoj says:

    some nice examples i think the best is imago…

  8. Azarai says:

    @deanoj thanks

    @tb-team thanks for featuring imago, i got some nice traffic from you :-)