header_graphic
header_gradient
 
:: Support :: Additional Slideshow Examples: Fullscreen Skin

This example shows that it is possible to add graphical skinning elements and Fullscreen support to our default Slideshow package. This example utilizes a Slideshow component (500x300 pixels) with custom controls, a fullscreen button, and a dynamic text field that indicates the percentage of download. The caption feature is also used in this example and FlashVars are used to dynamically enter the path for the XML playlist.

  1. Using your Flash 8/CS3/CS4 authoring software, open an existing FLA that includes the Slideshow component, or install the MXP and open a new document, then add the Slideshow component to the stage.

  2. To add fullscreen support you will need to create a button on the stage and give it an instance name of "fullscreen_mc".

  3. You will also need to add the following action script to the actions panel (scene1: frame 1) after the event handlers (as shown in the example FLA):

    function goFullScreen(){ Stage["displayState"] = "fullScreen"; }
    function exitFullScreen(){ Stage["displayState"] = "normal"; }
    fullscreen_mc.onRelease = function() {
    if (Stage["displayState"] == "normal"){
    goFullScreen(stage.displayState);
    } else if (Stage["displayState"] == "fullScreen"){
    exitFullScreen(stage.displayState);
    }
    };


  4. You should change the color of the background and resize it to fit all of the objects on the stage.

  5. Once you are finished modifying the FLA you should save your project, publish or export a network ready SWF, and embed it in your webpge. Be sure to add the "allowFullScreen" parameter to both locations in your embed script as shown below:

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
    width="500" height="330" >
    <param name="movie" value="slideshow_fullscreen.swf" />
    <param name="FlashVars" value="playlist=images.xml" />
    <param name="allowFullScreen" value="true" />
    <embed src="slideshow_fullscreen.swf" width="500" height="330" FlashVars="playlist=images.xml"
    allowFullScreen="true"
    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>


:: Download Example Files


footer_graphic

Support - Documentation - Skin Wizard - Sample Skins - Tutorials
Copyright © 2003-2012 Earth Science Agency, LLC - All Rights Reserved