WCLD101:

Using WC Slideplayer

How To Use WC Slideplayer

The WC Slide Player code has three main parts:

• the slide collection,
• the individual slides, and
• the navigation buttons.

The Slide Collection

The following code creates the collection of slides. Each slide collection should have a unique ID, eg. "slidesA", "figure2", or "example1", so that it can be matched to a set of navigation buttons. It should also have the class "wcslideplayer" so that the WC Slideplayer script will make it function like a slideplayer.

The Individual Slides

Each individual slide should be placed within the div tags of the slide collection. The following code creates a single slide on the slideplayer. It should also have the class "slide" so that the WC Slideplayer script will make it function like a slideplayer slide.

To see actual examples of the WC Slideplayer and the code that makes them, continue to the following page...

The Navigation Buttons

The navigation button code can be placed above or below the slide collection code, depending upon whether or not you want the navigation buttons to appear at the top or the bottom of the player itself. The following code creates the set of navigation buttons for WC slideplayer. The navbuttons class tells the slideplayer code that these are slideplayer navigation buttons. A second class, eg. "slidesA", "figure2", or "example1", matches the navigation to the slide collection that it controls.

Putting It All Togther...

<!-- a slide -->
<div class="slide" id="slide01">

[INSERT SLIDE #1 CONTENT HERE]

</div>
<!-- end slide -->

<!-- a slide -->
<div class="slide" id="slide02">

[INSERT SLIDE #2 CONTENT HERE]

</div>
<!-- end slide -->