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.

3. Applying the Behaviors

After having set the layout and placing text and/or images to control the Billboard, the behaviors can now be applied.

1. Select the link from the first item in the "Playlist".
2. From the Behaviors section in the Tag Inspector Panel, select +, DMXzone, Control Sliding Billboard.
3. Make sure the correct Billboard is selected.
4. From the Action field, select the Move To Page option.
5. In the Number field type 1, because the first item in the list should jump to the first page.
6. Click OK.

7. Repeat these steps for all the items in the list.

Next, the behaviors to the buttons in the footer will be applied.

1. Select the first button.
2. From the Behaviors section in the Tag Inspector Panel, select +, DMXzone, Control Sliding Billboard.
3. Make sure the correct Billboard is selected.
4. From the Action field, select the Previous Page option.
5. Click OK.

6. Repeat these steps for every button to apply the Play, Stop and Next Page behaviors.

With all the behaviors set, the Sliding Billboard can now be fully controlled with the Playlist and button controls on the left side.

An overview of available behaviors with their actions can be found in the table below.