Note - this Banner is no longer supported and appears only in older versions of the Framework, V3 and earlier

About the Banner Rotator

• The Banner Rotator is a JavaScrip-based slide show, so it will work on modern mobile and tablet devices (which generally do not allow Flash).
• The setup module allows you to generate the code to apply one or more slide shows for your website. The Framework comes with one slide show predefined.

• -fix-> Additional information about the banner delivered with the Framework can be found here: http://activeden.net/item/banner-rotator-with-auto-delay-time/22243 (select the JavaScript version).
• -fix-> Parameters help file http://help.alphatogo.com/framework/BannerRotatorHelp.pdf
• AlphaToGo owns an "extended license" for this product. This means you can use it for any website where you have paid for a license to the Framework, but cannot use of it outside of a Framework project without purchasing a regular license to the banner rotator.

• You do not have to use the slide show that came with the Framework, you can install any slide show as an option.

How to display a Banner Rotator

• Important - adjust the height and width of the banner using the parameters for "SWFObject()" as shown below.
• Example: var so = new SWFObject("banner/banner.swf", "mymovie", "490", "300", "8") where 490 is the width in pixels, 300 is the height in pixels.
• Place a small amount of code directly in the A5W page where you want the banner to appear, or place this code in a Framework Content Area and use the appropriate function to cause the content area to display. Example: ?wt_content("banner1"), if "banner1" is the ID of the Content Area.
• Example code:

<div align="left">

<div id="flashcontent" style="width: 490px;">

       <script type="text/javascript">

var so = new SWFObject("banner/banner.swf", "mymovie", "490", "300", "8");

         so.addVariable("xmlPath", "banner/main/data.xml");// <----You can change the path to the XML file here.

so.addParam("wmode", "transparent");

so.write("flashcontent");

</script>

</div>

</div>

• Two important points about the code above:
• It says the file named banner.swf is found in a subfolder named banner.
• It says the data.xml file for THIS slide show is found in the banner/banner1 subfolder.
• The file data.xml contains all of the instructions required to display the slide show, including the location of the images, superimposed text, etc.
• The Banner Rotator that comes predefined with the Framework, places this code in the Content Area named banner_1. When you open the banner_1 content area, click the Source button to reveal the script.

If you have more than one Banner Rotator

• Modify each embed script so that the div id is unique. Here is an example where the div has been renamed to "flashcontent2":

<div align="left">

<div id="flashcontent2" style="width: 490px;">

       <script type="text/javascript">

var so = new SWFObject("banner/banner.swf", "mymovie", "490", "300", "8");

         so.addVariable("xmlPath", "banner/second/data.xml");// <----You can change the path to the XML file here.

so.addParam("wmode", "transparent");

so.write("flashcontent2");

</script>

</div>

</div>

How to set up the Banner Rotator

• Note - you must click the "Write Banner Data" button after making any changes.
• If the slide show does not display properly, try deleting your browser history.

Main

• Provide a unique ID for each Banner. The Id will become the folder name where data.xml is stored for each banner.
• Provide a name or description if desired.
• Update any "parameters" for this slide show. Note - you do not set the height and width here, even though the first two parameters request these values.
• For help on the parameters, see http://help.alphatogo.com/framework/BannerRotatorHelp.pdf.

Images

• Image File: relative path and image name. File must be in the document root. Example: "banner\banner_images\image1.jpg".
• Image Link:  Redirect path if user clicks on the image. Can be left blank.
• Button Label: Name of the slide, will appear in the slideshow navigation.
• Target: Hyperlink target (same window, new window, etc.)
• Delay: Number of seconds before next slide appears.
• Text Blend: If set to Yes, text will be translucent and take on color from background.
• Image Text: Text to display on top of the image. You may use HTML including CSS to position the text anywhere on the image.
• Sort Order: Order to show the slides.