Back to Top
The nuts and bolts for
Creative web development

DMXzone Lightbox Manual

“Ever wanted to open your great looking photos in a modal stylish popup, catch the user's full attention? Meet the DMXzone Lightbox”

Ever wanted to open your great looking photos in a modal stylish popup, catch the user's full attention? Meet the DMXzone Lightbox - It offers amazing Lightbox popup designs that catch the eye and amaze the user with its slick designs and easy usage!


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 this please read this

Installing the extension
Deploy the extension in four easy steps

The Basics: Understanding Lightbox Functionality and How it Works in the Browser
Lightbox is a JavaScript application used to display large images using modal dialogs by using existing links and modifying them to open in such dialogs.

The Basics: Open an individual link or image with the Lightbox
In this tutorial we're going to show you how easy it is to insert a standalone item (an individual link or image that the Lightbox behavior can be attached to) to open in DMXzone Lightbox.

The Basics: Creating a Lightbox Thumbnail Link
This option goes hand in hand with the DMXzone Image Resizer. All you need to do before hand is to pick out the image you'd like to create a thumbnail from.

The Basics: Make a Form Submit in Lightbox
In this tutorial we're going to show you how you can create a form and have it open in DMXzone Lightbox for a more aesthetically pleasing user experience.

The Basics: Removing the Lightbox
If you decide you do not want the form to open in a Lightbox window anymore, just go to the little arrow next to the DMXzone Lightbox icon in the DMXzone extensions tab and select Remove Lightbox Functionality From This Element.

Advanced Usage

Advanced: Inserting a Gallery (Group Items)
In this chapter we're going to show you how to insert your Lightbox gallery and edit your preferences.

Advanced: Getting Creative with Lightbox Design Presets
In this tutorial we're going to show you how to edit and save your Lightbox Presets in a number of different ways in order to create a very personalized look for your Lightbox.

The DMXzone Lightbox Floater Tab
Something very important to remember is to enable the DMXzone Lightbox Floater Tab from Window/DMXzone Lightbox. This floater will show you your Groups and/or Standalone items.

Creatinga Dynamic Lightbox by using a standard Dreamweaver recordset
With this tutorial we will show you how easily you can work with DMXzone Lightbox Presets Explorer configuring or editing already existing designs, called presets using the incredible user-friendly interface.

Connecting your Spry DataSets with DMXzone Lightbox
In this tutorial we will show you how easily you can connect your Spry DataSets in Dreamweaver with DMXzone Lightbox.

Video Tutorials

Combining DMXzone Lightbox with Flash Image Enhancer
With this movie we will show you how easily you can combine in Dreamweaver two of the most amazing DMXzone extensions - Flash Image Enhancer and DMXzone Lightbox, and give your users a great visual experience.

Creating a 3D ImageFlow Gallery within a Lightbox
With this movie we will show you how easily you can use 3D ImageFlow Gallery within DMXzone Lightbox.

DMXzone Lightbox and 3DPhoto Wall
With this movie we will show you how easily you can use 3D Photo Wall Gallery within a DMXzone Lightbox.

Product Tour with Gallery and HTML pages in DMXzone Lightbox
With this movie we will show you how easily you can create a product tour with gallery and html pages in popups, using the DMXzone Lightbox.

DMXzone Lightbox Preview Presentation
With this movie we will show you some more cool applications of DMXzone Lightbox in your website.

Share this Article