Features Highlights:

• 6 Stylish CSS based Designs Included - Various styles to fit your web site perfectly.
• 10 Stunning Lightbox effects included - your thumbnail can zoom out to the build-in Lightbox viewer with amazing transition effects.
• Animated display of images, title and description - Adjust the appearance by Overlay, Show/Hide Transition and Miscellaneous.
• Build-in Lightbox – The bigger images are displayed in a build-in Lightbox.
• Add titles and description to your gallery – You can add plain text, as well as CSS and HTML code.
• Edit your Thumbnails in Photoshop and Fireworks – Open your thumbnails directly in Photoshop or Fireworks and edit them live. They are automatically saved in your thumbs directory on your site.
• The gallery is fully HTML and CSS driven – No Flash is required!
  

* For complete Features overview press the Features in Detail.

James Cameron's Avatar Fan Art Demo

James Cameron's Avatar Trailers Demo

*Used extensions in this demo - Animated Thumbnail Gallery and DMXzone Lightbox

 

• 6 Stylish CSS based Designs Included - Various styles to fit your web site perfectly.
  

• You can also design your own styles and save them for future use as presets.
  

•  Animated display of images, title and description - Adjust the appearance by Overlay, Show/Hide Transition and Miscellaneous.
  
  
• The bigger images explode from the thumbnails with many cool effects – All pure CSS and JavaScript based! No Flash!
  

•  Build-in Lightbox – The bigger images are displayed in a build-in Lightbox.

•  Geometry – Adjust the layout of the thumbnails by Width, Height, Border Width, Padding, Offset and Title Y Offset.

•  Add titles and description to your gallery – You can add (by clicking the right mouse button to bring the context menu) plain text, as well as CSS and HTML code.

• Edit your Thumbnails in Photoshop and Fireworks – Open your thumbnails directly in Photoshop or Fireworks and edit them live. They are automatically saved in your thumbs directory on your site.
  

• The gallery is fully HTML and CSS driven – No Flash is required! 
  
  
• Great Live Editor in Dreamweaver - You can manipulate the gallery (add images, change appearance) live in Dreamweaver.
  

•  Search engine friendly – The Animated Thumbnail Gallery is only HTML and CSS based.
  

•  Support for dynamic database driven galleries - The Animated Thumbnail gallery gives you complete freedom to use all Dreamweaver build in dynamic data server behaviors. So you can easily generate a gallery from a recordset with repeat region.
  
  
• Fully cross browser compatible - the Animated Thumbnail Gallery is a jQuery based gallery build only with HTML & CSS - no Flash what so ever! It even supports IE6 next to the other major browsers.
  
  
• DMXzone Resizer included - Integrated Resizer, so that you don't need to use any additional programs to fit the images to the Animated Thumbnail Gallery.
  

•  Fully Controllable by behaviors - You want to Add/Remove/Show Thumbnail and Close the viewer - it can be easily done with the Control Animated Thumbnail Gallery behavior.

•  Full support for File Genie - You can make your dynamic gallery based on a folder contents.
  
  
• Full Support for the DMXzone Behavior Connector - You can easily bind other DMXzone extensions like Advanced Layer Popup and Advanced Tooltips to your slides.
  

Pizza Menu Demo

The demo shows an Animated Thumbnail Gallery displayed in a Lightbox.

Switch View Demo

If you want your users to switch view, that can easily be done with Animated Thumbnail Gallery.

View the demo

3 in 1 Demo

The demo shows 3 different customizations for your Animated Thumbnail Gallery.

View the demo

Animated Thumbnail Gallery Demo

View the demo

 

View the demo

Creating a simple Animated Thumbnail Gallery
With this movie we will show you how to design a basic Animated Thumbnail Gallery.

Watch the movie

Creating a dynamic Animated Thumbnail Gallery
With this movie we will show you how to design a dynamic Animated Thumbnail Gallery.

Watch the movie

Enrich Your Existing Page Content with Animated Thumbnail Gallery
With this movie we will show you how to enrich you web site existing content, integrating Animated Thumbnail Gallery.

Watch the movie

Version 1.0.1

• Native Support for Opera 10.50 CSS rounded corners, drop shadows and transforms
• Improved compatibility with other frameworks like Prototype and Mootools
• New method for uploading related files - now when related files are generated by the Sliding Billboard, the user is presented a dialog containing list of new files and with the choice to upload them all at once. No more files to forget to upload.
• Improved DMXzone Image Resizer for Mac OSX
• Animated Thumbnail Gallery works much better now in Dreamweaver templates.

Update Procedure

1. Open a page using the Animated Thumbnail Gallery.
2. Select the Gallery so it shows its inspector.
3. Click on the “Live Editor” button to get the gallery editor.
4. Just click on “OK” to reapply the gallery and copy all new files. Depending on if you have remote site defined and you have site synchronization enabled, the files will be automatically synchronized or you will be presented an option to upload all files.