Working with XML content

Open the gallery.xml file in Dreamweaver (File -> Open), to change the content of your gallery. Also, you can open the XML content file through FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Advanced Image Gallery). 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"?><gallery>
  <category caption="CATEGORY 1">
    <img src="photos/photo01.jpg" caption="Photo 1">
      <description>
        <![CDATA[
          <p><font face="Impact" size="18" color='#D5D5D5'>Title</font></p>
          <p align="justify" margin_bottom="3"><font face="Tahoma" size="11" color='#707070'>Description</font></p>
          <p href="empty.html" target="_blank"><font face="Tahoma" size="14" color='#FF5500'><u>Hyperlink</u></font></p>
        ]]>
      </description>
    </img>
    <img src="photos/photo02.jpg" caption="Photo 2">
      <description>
        <![CDATA[
          <p align="justify" margin_bottom="3"><font face="Tahoma" size="11" color='#707070'>Description</font></p>
          <p href="empty.html" target="_blank" icon="true"><font face="Tahoma" size="11" color='#FF5500'>Hyperlink</font></p>
        ]]>
      </description>
    </img>
    <img src="photos/photo03.jpg" caption="Photo 3">
      <description>
        <![CDATA[
          <p align="justify"><font face="Tahoma" size="11" color='#707070'>Description</font></p>
        ]]>
      </description>
    </img>
  </category>
  <category caption="CATEGORY 2">
    <img src="photos/photo01.jpg" caption="Photo 1" />
    <img src="photos/photo02.jpg" caption="Photo 2" />
    <img src="photos/photo03.jpg" caption="Photo 3" />
  </category>
</gallery> 

In this example, parent <gallery> tag contains two child tags <category>. Each category has 3 tags <img>. In the first category first photo has caption and in <![CDATA[...]]> it has its own special font, size and color for title. Align with margin, font, size and color for description. And link, icon, font, size and color for hyperlink.

Second photo has caption and in <![CDATA[...]]> it has its own special font, size and color for description. Align with margin, font, size and color for description. And link, icon, font, size and color for hyperlink. There is no Title.

Third photo has caption and in <![CDATA[...]]> it has its own special font, size and color for description. There is no Title and Hyperlink.

Second category has three photos. They have only captions. There are no wide description which use <![CDATA[...]]>.

<gallery>

Description
Main tag and contains the description of the image gallery.

<category>

Description
Contains the images of this category. Descriptions of the images represented as tags <img>.

Attributes

• caption, The caption of the category.

<img>

Description
Contains the path to the image file and description of this image.

Attributes

• caption, The caption of the image content.
• 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://.

<description>

Description
It is an optional tag, which contains the description of the slide.

Description used a special symbols <![CDATA[...]]>. Each content 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_bottom, The bottom margin of the paragraph, in pixels.
• icon, A Boolean value that indicates whether hyperlink has a small icon (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.

http://www.flashdevelopment24.com