Tuesday, November 18, 2008

21+ beautiful Javascript and Ajax based solutions to our gallery requirements

Maybe you are believe that a picture is worth a thousand words, so you need a powerful gallery in order to show your excellent pictures well. Or you need to add a gallery into your blog or homepage. Javascrip or AJAX technology is a better choice since they don’t need extend plugin.

The following is a list of beautiful Javascript and Ajax based solutions to our gallery requirements. Enjoy them and show them with your friends. If you know more please don’t hesitate to let me know. Note: listed in no particular order.

No.1 Galleria

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. There are demos using v.1.0 are available.

galleria

No.2 LightWindow

If fact software of lightwindow is a

lightwindow

No.3 (E)2Photo 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.

(E)2

No.4 Spry

pry is a JavaScript-based framework that enables the rapid development of Ajax-powered web pages. Not a JavaScript guru? No problem. Spry was designed to feel like an extension of HTML and CSS, so anyone with basic web-production skills can create next-generation web experiences by adding the power of Ajax to their pages.

spry

No.5 Imago

Imago is an Ajax Image Gallery with focus on simplicity and ease of use. It’s plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! Neither is flash. Whether your photos are on flickr, smugmug or you’d like to host them yourself, Imago can show them.

imago

No.6 slideViewer

a jQuery image slider built on a single unordered list

slideviewer

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

img.minishowcase.home

No.8 AJAX Image Gallery Powered by Slideflow

You could download slideflow 1.1 including gallery demo in the website. Use Slideflow in your own software for appliaction.

Slideflow

No.9 Lightweight Image Gallery

Lightweight Image Gallery with thumbnails.

lightweight

No.10 PhotoFolder

PhotoFolder is not a fully fledged gallery system. It does the heavy lifting for you and exposes an API via PHP or JSON for integration with any Ajax application, or other system that can parse JSON.

photofolder

No.11 JaS gallery

JaS is short for JavaScript Slides and it is a highly customizable JavaScript library for easily turning your images into a collection viewable as a slideshow, and with fading effects, if desired. It also supports automatic thumbnail creation and tagging of images, so the viewers can find the exact images they’re looking for. You can use it any way you like in your own web site, and adapt it to your specific needs.

example

No.12 MooFlow

MooFlow is a Javascript based Gallery looks like Apple´s iTunes or Finders CoverFlow™

mooflow

No.13 xImgGallery

This script implements a Javascript image gallery and slideshow - all in one file.

xImgGallery

No.14 Highslide JS

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.

js

No.15 Couloir

This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. The code is offered as-is — Couloir.org offers no technical support. However, you are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons ‘Attribution-ShareAlike 2.0′ License and the license terms contained in the associated, third-party APIs.

couloir

No.16 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…

smoothgallery

No.17 jqGalViewIII

Here we have yet another photo / image gallery, except at this point it is only a proof of concept.

jqGalView

No.18 ZENPHOTO

It is the simplest, most useful gallery solution for your website.following is a sample website using ZenPhoto.

zenphoto

No.19 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.

FrogJS

No.20 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.

reynolda

No.21 CSS Photo Shuffler

A Javascript + CSS replacement for Flash photo fading slideshow. Inspired by Richard Rutter’s image fade demonstration.

css






1 Comments:

At May 13, 2009 at 7:10 PM , Blogger delboy1978uk said...

thanks for this, it has been very informative :-)

 

Post a Comment

Subscribe to Post Comments [Atom]

<< Home