Working with XML content

Open the banner.xml file in Dreamweaver (File -> Open), to change the content of your Banner Rotator. Also, you can open the XML content file through FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> XML Banner Rotator). After that, in the category of 'General', click the 'Edit' button near the 'Source' field.

The following example shows the basic structure of the content XML file:

<?xml version="1.0" encoding="utf-8"?>
<component>
   <slide src="photos/photo01.jpg">
      <title x="500" y="150" width="250" align="right">
         <item color="0xFFFFFF" font="Myriad Pro" font_size="32" margin_bottom="-10">TITLE 1</item>
         <item color="0xC5C5C5" font="Myriad Pro" font_size="24">title second line</item>
      </title>
      <description>
         <item color="0xC68608" font="Tahoma" font_size="11" bold="true">Description 1</item>
         <item color="0x808080" font="Tahoma" font_size="10" align="justify">Description text</item>
      </description>
   </slide>
   <slide src="photos/photo02.jpg" thumb="photos/thumb02.jpg">
      <title x="20" y="130" width="350" align="left">
         <item color="0xFFFFFF" font="Myriad Pro" font_size="36" margin_bottom="-10" shadow="true">TITLE 2</item>
         <item color="0x0255e2" font="Myriad Pro" font_size="24">title second line</item>
         <item color="0xFFFFFF" font="Myriad Pro" font_size="18" margin_top="-10">title third line</item>
      </title>
      <description>
         <item color="0xC68608" font="Tahoma" font_size="11" bold="true">Description 2</item>
         <item color="0x808080" font="Tahoma" font_size="10" align="justify">Description text</item>
         <item link="empty.html" target="_self" color="0xC68608" highlight="0x4783CB" font="Tahoma" font_size="11" margin_top="-3">Read more</item>
      </description>
   </slide>
</component>

In this example you can see 2 slides. Each slide consists of two sections. First section is for titles and second is for description.

For example let's take first slide. In the first section it has two titles. In the head of these titles you can see coordinates (x="500" y="150"), width (width="250") and alignment (align="right") that are specified for both these two titles. And for each title are specified its own color, font, size. Also you can see a bottom margin for the first title (margin_bottom="-10"). In second section it has two description lines. First description line has its own color (color="0xC68608"), font (font="Tahoma"), size (font_size="11") and there is specified that this line is bold (bold="true"). Second description line has either its own color, font, size but also it has an alignment (align="justify").

Second slide is almost the same but it has one difference, lets have a look at the third line in the description. It is a hyperlink (link="empty.html" target="_self"), it has color (color="0xC68608"), it has also a highlight color (highlight="0x4783CB"), font (font="Tahoma"), font size (font_size="11") and top margin (margin_top="-3").

<component>

Description
Main tag and contains the description of the component.

<slide>

Description
Contains the path to the image.

Attributes

• src, The absolute or relative URL of the image file. A relative path must be relative to the HTML file. Absolute URLs must include the protocol reference, such as http://.
• thumb, The absolute or relative URL of the thumbnail of the image file. A relative path must be relative to the HTML file. Absolute URLs must include the protocol reference, such as http://.

Optional attributes

• link, The URL from which to obtain the document. Important note: link and target attributes should be obligatory set for first slide.
• target, Specifies the window or HTML frame into which the document should be loaded. You can enter the name of a specific window or select from the following reserved target names:
  • _self specifies the current frame in the current window.
  • _blank specifies a new window.
  • _parent specifies the parent of the current frame.
  • _top specifies the top-level frame in the current window.

<title>

Description
Contains titles of the slides. This tag is not an obligatory tag, because slide can be used without title.

<description>

Description
Contains the description text. Text consists of paragraphs <item>. You can set individual style for each paragraph using additional attributes. <description> tag is not an obligatory tag, because slide can be used without any description.

If you specify for tag <item> additional attribute link, so the text will be displayed as hyperlink. For exmaple: <item link="empty.html" target="_blank">Hyperlink</item>

The following attribute are optional for tag <item>.

• font, The font of the text. Embedded fonts: "Eurostile LT Std Ext Two", "Myriad Pro", "Impact". Use the embedded fonts, this will improve their quality.
• font_size, The size of the font.
• color, The color of the text.
• align, A string that indicates the alignment of the text.
• margin_top, The top margin of the paragraph, in pixels.
• margin_bottom, The bottom margin of the paragraph, in pixels.
• highlight, The highlight color of the link item.
• link, The URL from which to obtain the document.
• target, Specifies the window or HTML frame into which the document should be loaded. You can enter the name of a specific window or select from the following reserved target names:
  • _self specifies the current frame in the current window.
  • _blank specifies a new window.
  • _parent specifies the parent of the current frame.
  • _top specifies the top-level frame in the current window

http://www.flashdevelopment24.com