Linked Slide Show - Frequently Asked Questions
(www.flevooware.nl/dreamweaver)

 

This FAQ answers the following questions:

  1. How can I make the slide show image and its description center aligned?
  2. Can I style the slide descriptions?
  3. How to use Linked Slide Show in a template based page?
  4. Do the images have to be preloaded for this to work correctly?
  5. All the menu options are dimmed. How can I use the extension?

How can I make the slide show images and their descriptions center aligned?

Using CSS, you can style the DIV element that holds the slide show. Specify the style "text-align: center;" to center the slide show elements in the containing layer.

(back to top)

I would like to assign a font type etc. to the slide descriptions. Is that possible?

Using CSS, you can specify font styles, etc. for the DIV element that holds the slide show.

But when applying the 'Init' behavior you can also enter HTML code for the slide descriptions, eg. "<p>This is the slide description</p>".
Thus you can also assign eg. a CSS class to the description itself as well, eg. "<p class='slideDesc'>This is the slide description</p>".

(back to top)

I would like to run a slide show on a template based page, but I don't know how to incorporate Linked Slide Show on a template based page.

There are several ways to handle this:

** number 1 (the simple way) **

The Linked Slide Show extension needs you to apply 1 or 2 behaviors to the page:

  1. The 'Init' behavior which would usually be applied to the onLoad event of the BODY tag.
  2. Optionally, if not using the auto-play feature in the 'Init' behavior, the 'Play' behavior, which would be applied to images or links to control going to the next/previous slide.

However, instead of applying the 'Init' behavior to the onLoad event of the BODY tag, you can apply it e.g. to the onLoad event for some IMG tag on your page, eg. a shim (and thus not to the BODY tag).

** number 2 (this is the more generic solution) **

What I often do in this type of situation is add a standard function call to the BODY tag in the template and put extra behavior calls in that standard function on pages that need extra functionality.

In the head section of the template page I put an editable region which looks something like:

<!-- #BeginEditable "extraScripts" -->
<script type="text/javascript" language="JavaScript">
<!--
function onLoadExtras() {
    return;
}
//-->
</script>
< !-- #EndEditable -->

And I make the BODY tag in the template look something like this:

<body onload="onLoadExtras();">

And then I add stuff to the onLoadExtras() function in the head where necessary. In this case that would be the 'Linked Slide Show - Init' behavior function call.

(back to top)

Do the images have to be preloaded for this to work correctly?

No, the extension itself preloads the images. If the next slide is not fully preloaded yet, then the current slide will just remain longer in view until the next one is loaded.

(back to top)

All the menu options are dimmed. How can I use the extension?

To be able to use the Linked Slide Show menu options, you already need to have an HTML element with a unique ID on your page. If such an element is not present on your page, then the menu options will be dimmed.

(back to top)