Animated Thumbnail Gallery Manual FAQs Support

Create a stylish thumbnail wall with stunning zooming effects

Create an amazing thumbnail wall from your images, photos and portfolio or decorate the existing thumbnails on your pages with the Animated Thumbnail Gallery. Add great looking borders, shadows and predefined styles - all Live in Dreamweaver! When clicked on a thumbnail, it explodes with amazing animation effects to full size image shown in the build-in Lightbox. When used as wall the thumbnails float automatically in all available space - so the gallery always looks great!

This version has been discontinued! Please, get Animated Thumbnail Gallery 2



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

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

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




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

Watch the movie read more


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

Watch the movie read more


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 read more



Type: Suite
License: External link
Product: Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC+
Platform: Win XP/2000/2003/2008/7, Mac OS X 10.4+
Browser: IE 6, Opera 8, Opera 9, IE 7, Firefox 3.6+, Safari 3, Chrome 9+, IE 8, Safari 4+, Opera 10+


Version 1.0.5

  • Included the latest DMXzone Browser control for the much improved Dreamweaver Design Mode editing and live preview within Dreamweaver on a newer Windows versions.
  • Full Dreamweaver CC and Extension Manager CC support
  • Included new Behavior Connector with restyled UI and better Mac OSX Support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

Version 1.0.4

  • Greatly improved IE9 support
  • Using CSS Transitions now on IE9 for faster and better effects
  • Improved existing effects to look more natural and smooth
  • Improved Dreamweaver integration
  • Optimized file size for faster loading
  • Improved extension installation for DW CS 5.5+

Version 1.0.3

  • Improved compatibility with newest jQuery 1.6+ versions
  • Included latest jQuery 1.6.3
  • Optimized source and files for smaller size

Version 1.0.2

  • Improved IE9 support for image zooming effects
  • Smaller JavaScript and CSS files by better compression
  • Improved jQuery version recognition and include
  • Improved related files include method
  • Improved working in Dreamweaver templates
  • Compatibility now with site root relative links Dreamweaver option for making all includes site root relative

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.

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. The most popular for its over high-quality Dreamweaver extensions and templates.

George is also the founder of - the most Advanced Web & App Builder

See All Postings From George Petrov >>


Be the first to write a review

You must me logged in to write a review.