Back to Top
The nuts and bolts for
Creative web development

CSS Image Gallery Manual

“CSS Image Gallery allows you to create cool pure CSS galleries and slideshows with a fluent navigation and image transitions. Due to its CSS nature it is fully customizable and fits in any site design.”

CSS Image Gallery allows you to create cool pure CSS galleries and slideshows with a fluent navigation and image transitions. Due to its CSS nature it is fully customizable and fits in any site design. You can even create a fancy slideshow with automatic thumbnail popup navigation.

The gallery complies with the latest web standards and is fully JavaScript unobtrusive, meaning that it will always be displayed, even if your users don’t use JavaScript. Therefore this is the ultimate search engine friendly CSSgallery.

Note: The latest version of this extension resizes images using Dreamweaver, Fireworks is no longer required.


Table of contents

You can also read this manual in PDF format

Before you begin
Make sure to setup your site in Dreamweaver first before creating a page if you don’t know how to do that please read this.

The Basics

Installing the extension
Deploy the extension in four easy steps.


The Basics: Creating a gallery
Insert a gallery on to your page.


The Basics: Editing the Gallery with the property inspector
Edit the properties of the gallery using the property inspector of Dreamweaver.


Advanced: Creating Popups for your CSS gallery by integrating Advanced Layer Popup
Open your main images in a popup using CSS Image Gallery and Advanced Layer Popup.


Advanced: Using the DMXzone CSS Image Gallery and Flash MP3 Player
Flash MP3 Player functionality in DMXzone CSS Image Gallery using the Behaviors Connector.


Advanced: Controlling the DMXzone CSS Image Gallery with Behaviors
Control the DMXzone CSS Image Gallery with external elements like buttons, images, etc.

Share this Article