JavaScript photo gallery, JavaScript image gallery and web photo gallery are indispensable factors in the world of Internet, the world of web from beginning. There are a large numbers of web photo gallery solutions, you can check out some JavaScript photo galleries on [email protected]:

- JavaScript Simple Picture Gallery
- JavaScript Next-Previous Image Gallery
- JaS Gallery

But today in this HTML JavaScript tutorial, I have compiled some impressive JavaScript example code you can use for presenting your pictures on web page effectively. Mostly JavaScript image galleries don't have any technical requirements. All of them don't use Flash, but JavaScript, and they require very little coding. Hope you will enjoy with these web photo galleries, some names I'm impressed: Galleriffic, Slideviewer, Galleria, Spacegallery, Thickbox (jsB@nk using this jQuery plug-in), Fancybox, MooFlow, Lightbox2, Minishowcase, CSS Image Gallery, Highslide JS.

Then check more image slideshow JavaScripts through 16 Free Picture Slideshow Gallery scripts.

• Demo
• Enlarge
• Reload
• New window

Multifaceted Lightbox

A script (JavaScript) that allows you to focus the users attention on a particular portion of the screen. It creates the equivalent of a modal dialog box - this means that while the user looks at this focused part of the screen, they can't interact with the rest of the screen.

Slightly ThickerBox 1.7

"Previous Image" and "Next Image" links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a "rel" attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)TripTracker
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.

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.

Suckerfish HoverLightbox

The Suckerfish HoverLightbox is a mashup of three very popular Web design techniques blended together to offer a new way of presenting your image galleries.

Suckerfish HoverLightbox Redux

ThickBox 2.1.1

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

A Photograph Gallery

Just a simple :hover over thumbnail images to give a full size view of each photograph. With all but Opera you can also click the thumbnails to retain the image on the screen. Text can be added at the bottom of each picture. Ideal for photograph albums.

A simple CSS photo-album

The text numbers and images are held in an unordered list without any extra markup (no 'ems' or 'spans' etc). The CSS just styles the text numbers so that they appears in a box and the images so that they are hidden until your visitor clicks a number square.

Cross Browser Multi-Page Photograph Gallery

Based on Suckerfish HoverLightbox this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version is pure CSS.

• Code
• Print

• Comment (5)
• Write

• Sent (2)
• New