J'bloo

Sliding Boxes and Captions with jQuery
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.

Moving Boxes Carousel with jQuery
Many of the concepts presented in classic carousel tutorials are the same, so this tutorial will not throw a lot of source code at you. The big difference here is that there are buttons to change panels and the panels zoom in and out.

Deziner Folio found an Flash XML Gallery from one of his old download collections. It looks very nice and east to use. You can create different albums within the gallery. It allows One-Click integration with Flickr and Picasa. All pictures are stored in the XML and the Folders. Simply place the Thumbnailsunder /images/thumbs and the Actual Images under /images.

Requirements: Modern Browsers with Flash
Demo: http://www.dezinerfolio.com/works
License: License Free

Yes, it is true that dfGallery is one of the best Galleries currently on the web! It is a Flash Gallery with a lot of great features. It allows integration of most popular photo sharing sites like Flickr , Picasa , Photo Bucket and Fotki along with background music. It also supports both RSS and Custom Images. You can easily set the language for the dfGallery by setting values for a few xml nodes in the gallery.xml file. User can also swicth to full screen mode to view the gallery as well. dfGallery is easy to customised, for exmaple, Time duration of the slideshow, Pause slideshow, Link Images, Hide Menu System and Scale the images from RSS feeds.

This gallery fulfills all the needs of even a professional photographer or even a freelance artist. dfGallery is still in Alpha stage because there will be a lot more feature additions. This is really similar to the Gallery at Slideshowpro.net for which they charge $25 but here is the Gallery for FREE.

Requirements: PHP version 5+ and Flash player 7+
Demo: http://www.dezinerfolio.com/2007/06/07/dfgallery/
License: License Free

(E)2 Photo Gallery is an 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. It looks very good and easy to use. You can customised it with different designed skins easily. However, currently it is not possible to have multiple galleries on one page.

Requirements: Mootools Javascript Library
Demo: http://www.e2interactive.com/e2_photo_gallery/demo.php
License: License Free

Gerard Ferrandez has created a Photo 3D Gallery. The interactive gallery is written in Javascript which is very user friendly. The photos will move according to your mouse movement. You can click on any pictures to zoom in and out. Now we have one more choice for embedding a photo gallery in your projects.

Requirements: No Requirements
Demo: http://www.dhteumeuleu.com/
License: License Free

flickrshow provides you with the simplest way of displaying your Flickr photosets on your own website. It is simple to install, completely free and doesn’t require Flash or any server side programming knowledge. It is free to use flickrshow, however flickrshow is not available for people to download and use on their own servers at the moment. It has the following main features.

• Unobtrusive and compatible: they built flickrshow on top of Prototype so it will work with all modern browsers and won’t interfere with any other Javascript on your page.
• Themeable to match your site: You can alter the colour of flickrshow to match your site.
• Can be used multiple times: it caused a number of headaches, but you can run as many slideshows on your site as you want, as long as your viewers can handle the loading times.

Requirements: -
Demo: http://www.flickrshow.com
License: License Free

SimpleViewer is a free, customizable Flash image viewing application with the following features. However, if you want more customization options and does not include the download link, you have to purchase SimpleViewer-Pro instead.

• Intelligent image pre-loading.
• Intuitive image navigation
• Lightweight (17k).
• Customizable interface – Set text color, frame color and width, navigation position.
• Resizable interface – Interface scales to fit browser window.
• Cross platform – Windows/Macintosh/Linux (requires Flash 7 or higher).
• Flash 7 detection. Users without Flash 7 are messaged to upgrade Flash.
• International font support.
• Keyboard Navigation (Cursor keys, Home, End, Page Up/Down)
• Mousewheel navigation
• Optionally right-click to open image in a new window.

Requirements: Flash 7+
Demo: http://www.airtightinteractive.com/simpleviewer/
License: License Free

Lightview was designed from the ground up to make the overlaying experience as nice as possible. The idea was to have the image be the most important thing while the box is there to present it without interfering with it. That is why the author has created the animated side buttons to make sure the image is always 100% visible. Button around the image will change in opacity, having lighter buttons by default and darker buttons on hover keeps the focus on the image.

Lightview is very easy to style as well, even someone who doesn’t know CSS can be able to customize it. The javascript options and the images are basically all you need to change to get the look and feel you want within seconds. One of the best things is that Lightview uses Canvas an VML to draw a those images for you. This way it’s possible to change the corner radius very fast. It also works on every screen resolution, all images are automatically resized to fit within the viewport when you open them. Even the close button will adjust as you go smaller.

Requirements: Prototype, Scriptaculous with Javascript Enabled
Demo: http://www.nickstakenburg.com/projects/lightview/
License: License Free

FancyZoom is designed to view full-size photos and images inline without requiring a separate web page load. It is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself. FancyZoom has the following features that makes it different to other popular modal box galleries, e.g.Lightbox. FancyZoom is totally free for your non-commercial website.

• Focused on the smoothest, most polished zooming animation possible
• Automatically scales images from any image link, with no HTML changes
• Preloads full-size images in the background on link mouseover
• No resource-heavy Javascript libraries — 100% coded from scratch to zoom
• Draws a nice drop shadow under the full-size image to offset it from the page
• Uses Safari 3’s “box-shadow” feature to draw the drop shadow natively, no images required

Requirements: Safari, Firefox, IE7, and IE6
Demo: http://www.cabel.name/2008/02/fancyzoom-10.html
License: License Free