Working with XML content

PREV
NEXT

Open the banner.xml file in Dreamweaver (File -> Open), to change the content of your slideshow. Also, you can open the XML content file through FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Christmas Flash Banner). 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"?>
<slides>
  <img src="photos/photo01.jpg" caption="CAPTION 01">
    <title x="515" y="90" width="200" align="right">
      <![CDATA[
        <p shadow="true"><font face="Impact" size="24" color='#404040'>Caption 01</font></p>
        <p margin_top="5"><font face="Myriad Pro" size="12" color='#4483CA'>Text example</font></p>
      ]]>
    </title>
  </img>
  <img src="photos/photo02.jpg" caption="CAPTION 02">
    <title x="515" y="90" width="200" align="right">
      <![CDATA[
        <p align="justify"><font face="Impact" size="24" color='#404040'>Caption 02</font></p>
        <p href="www.flashdevelopment24.com" target="_blank"><font face="Myriad Pro" size="12" color='#4483CA'>Hyperlink</font></p>
      ]]>
    </title>
  </img>
  <img src="photos/photo03.jpg" caption="CAPTION 03">
    <title x="515" y="90" width="200" align="right">
      <![CDATA[
        <p><font face="Impact" size="24" color='#4483CA'>Caption 03</font></p>
        <p margin_top="5"><font face="Myriad Pro" size="12" color='#505050'>Text example</font></p>
      ]]>
    </title>
  </img>
</slides>

In this example, parent <slides> tag contains 3 child tags <img>. It means that there are only three slides, in this example. Each slide contains its own image caption and image source.

In the first image there are specified the position of the title and its alignment. Also the title has its own shadow, font family and font size, color and title caption. There are also specified top margin and font family, size and color for the simple text.

In the second image there are specified the position of the title and its alignment. Also the title has its own alignment, font family and font size, color and title caption. There are also specified a link with the target, font family, size and color for the simple text.

In the third image there are specified the position of the title and its alignment. Also the title has its own font family and font size, color and short caption. There are also specified top margin and font family, size and color for the simple text.

<slides>

Description

Main tag and contains the description of the component.

<img>

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://.
  • caption; The caption of the slide.

<title>

Description

Contains the title of the slide.

Attributes

  • x; The x coordinate of the title.
  • y; The y coordinate of the title.
  • width; The width of the text in pixels.
  • align; A string that indicates the alignment of the title.

Title used a special symbols <![CDATA[...]]>. Each title consists of paragraphs <p>. The text of a paragraph can be edited with the help of HTML tag <font>. Besides a default tag attribute align for the tag <p> it is available additional attributes:

  • margin_top; The top margin of the paragraph, in pixels.
  • margin_bottom; The bottom margin of the paragraph, in pixels.
  • shadow; A Boolean value that indicates whether it would be added a drop shadow to the paragraph (true).
  • href; The URL from which you can obtain the document. This parameter represents the paragraph as a hyperlink.
  • 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.

Note: If you use 'Use embedded fonts' in the extension parameters, which allows to use built-in fonts, you need to edit file fonts.xml according the used fonts in tag <font>. This fonts are uploaded from a special SWF file. Or you can turn off this option in FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Christmas Flash Banner).