|
<!-- Optional SIDEBAR DIV –>
…
<a href="#" id="sideBarTab" class="sideBarTabIcon" onclick="toggleButton('sideBarTab')"><img src="media/sidebar/slide-button.gif" alt="Click to Open and Close Menu" title="sidebar_button" /></a>
…
<!-- EDIT title displayed at top of sidebar -->
<h2>MENU</h2>
<!-- EDIT list of sidebar items -->
<ul id="sidebar_list" class="button_sidebar">
<li><a href="#" onclick="captivateSWF.gotoSlideAndPlay(1);toggleButton('sidebar_list');return false;">Slide One</a></li>
<li><a href="#" onclick="captivateSWF.gotoSlideAndPlay(2);toggleButton('sidebar_list');return false;">Slide Two</a></li>
<li><a href="#" onclick="captivateSWF.gotoSlideAndPlay(3);toggleButton('sidebar_list');return false;">Slide Three</a></li>
<li><a href="#" onclick="captivateSWF.gotoSlideAndPlay(4);toggleButton('sidebar_list');return false;">Slide Four</a></li>
<li><a href="#" onclick="captivateSWF.gotoSlideAndPlay(5);toggleButton('sidebar_list');return false;">Slide Five</a></li>
</ul>
…
<!-- END SIDEBAR DIV -->
The Sidebar Panel provides a optional navigation menu with links to specific slide number of you Captivate movie. Editing the Sidebar is very similar to the editing the Menu Panel.
| • | The Sidebar is designed to replace the Captivate Table of Contents. Using the Captivate Table of Contents and the Sidebar within the same Captivate movie is not recommended. |
| • | The Sidebar button is visible by default. The Sidebar panel content is hidden by default. |
| • | The Sidebar Panel is toggled open/closed with the Sidebar Panel button located in the top-left corner of the Captivate Movie Panel. The Sidebar can also be toggled open/closed with the Sidebar button in the playbar. We’ve programmed it so that the up/over state of the Sidebar button in the playbar is automatically reset correctly if the uses wither the Sidebar panel button or the Sidebar playbar button. |
| • | Change the “Title” displayed at top of the Sidebar items by editing the value within the H2 header tag: <h2>MENU</h2>. By default, the value is “MENU”. |
| • | The Sidebar menu items are structured into an unordered list. |
| • | You can customize the graphics used for the Sidebar button (displays in top-left corner over the Captivate movie). Adjust the image in the SRC attribute: <img src="media/sidebar/slide-button.gif". |
| • | To remove a menu item, either place comments around or remove the entire <li>…</li> item. |
| • | You can add and rearrange menu items as you desire. Be sure to grab the entire <li>…</li> when you’re editing the moving or copying menu items. |
| • | To edit the text displayed for any menu item, edit the text within the link – such as “Slide 4” within last area of each link: false;">Slide 4</a>. |
| • | To edit the slide number a menu item links to, change the number with the () after gotoSlideAnd Play. For example, to navigate to slide number 4, use captivateSWF.gotoSlideAndPlay(4);. |
| • | Place comments around the outer <div> tags or delete the <div> tags to hide the Sidebar Panel. |
|