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.

2. Creating the Control section

To the left of the Billboard section, the Control section is located. This is the place where all the behaviors for the control of the Billboard will be applied.

To be able to do so, the layout will be created and some text and images are inserted.

1. Place the cursor in the left column besides the already entered Billboard.
2. Enter a table with 3 rows and 1 column.
3. Select the <TD> from the first row and from the Properties Inspector apply the header class to it.

4. Select the <TD> from the second row and from the Properties Inspector apply the content class to it.
5. Select the <TD> from the third row and from the Properties Inspector apply the footer class to it.

After creating the layout, some text and images will be inserted to be able to apply the behaviors in the next stage.

1. Enter a Title for your overall Billboard (Actual Billboard and Controls) in the first row. From the Properties Inspector apply the H3 class to this text.
2. Create a "Playlist" by entering all the Titles of all the individual slides in the second row, to be able to jump to an individual slide later. Best choice is to put these titles in a list in the correct order.
3. Enter a dummy link for all titles by entering # in the Link field in the Properties Inspector.
4. Enter text or images in the third row to be able to Play, Stop, Go to Previous or Go to Next slide.

Save the page and continue with the next step.