Controlling Sliding Billboard by Behaviors

In this article Patrick will show us how he made the great looking Pixar Demo, by fully controlling the Sliding Billboard navigation with Dreamweaver Behaviors. You can also check out the demo here.

1. Creating the Billboard section

The example on the previous page shows what a use controlled could look like. This demo is built from  2 separate sections. The actual Billboard is only used for the right part. This is what will be named the Billboard section.

To be able to use the behaviors with the Billboard, first a Billboard needs to be created.

1. Insert a table containing 1 row and 2 columns. Depending on individual layout, the width of the table can differ. In our example the table is double the size of the Billboard.
2. Place your cursor in the right column.
3. Start the Sliding Billboard extension from the DMXzone tab on the Objects bar.
4. Click the Add new section button.
5. Click the Import a whole folder button. The DMXzone Image Resizer window is opened.
6. In the Source Image Folder field select the folder where the images currently are.
7. In the Destination Folder field select the folder where the images should be placed after resize.
8. Set the Resize to fit option for Photos and Thumbnails.
9. Click OK to start the resizing of the images and return to the Billboard window.

Note: Instead of adding a complete folder, it is also possible to add individual images by using the Add new image slide button.

All the images have now been entered into a new Billboard as separate slides.

1. For each slide, enter the correct Title.
2. For each slide, enter the correct Description.

Note: Entering a Title and Description is only necessary, if the Billboard should contain text and image slides. If the Billboard only contains images, there is no need to fill these to fields.