XML Flash Slideshow v4 Help    |    Support Home    |    DWUser.com Home  Download Help PDF (29MB)    |    Search:

Creating a Full-Browser-Window Slideshow

This topic details the process of creating a slideshow which expands to fill the entire browser window.    Note that this is different than true full-screen, as implemented through the FullscreenButton element.

Here is an example of a full-browser-window slideshow:

To create this type of implementation, first set the Slideshow Dimensions in the main Appearance Settings section to 100% :

Note: You can also set the dimensions in the Properties panel, using the Slideshow Inspector.

Next, save/exit the wizard and switch to Code View for your HTML page.    In the <head> add the following code:

<style type="text/css">
body { padding: 0; margin: 0; overflow:hidden; height: 100%; width: 100%; }
</style>

Next, locate the slideshow HTML code block.    Directly above the start of the slideshow HTML, add the bolded line of code:

<div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%;">
<!-- Start dwuser_XML_Flash_Slideshow_v4 -->

Directly below the end of the slideshow HTML, add the bolded line of code:

<!-- End dwuser_XML_Flash_Slideshow_v4 -->
</div>

The slideshow will now expand to fill the entire browser window.