Dreamweaver Extensions

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 -> Flash Mirror Gallery). After that, in the category of 'Slides', 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" comment="Short comment">
      <description>
        <![CDATA[
          <p><font face="Impact" size="18" color='#D5D5D5'>Title</font></p>
          <p lign="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='#CF9450'><u>Hyperlink</u></font></p>
        ]]>
      </description>
    </img>
    <img src="photos/photo02.jpg" caption="Photo 2" comment="Short comment">
      <description>
        <![CDATA[
          <p lign="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='#CF9450'>Hyperlink</font></p>
        ]]>
      </description>
    </img>
    <img src="photos/photo03.jpg" caption="Photo 3" comment="Short comment">
      <description>
        <![CDATA[
          <p lign="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" comment="Short comment" />
    <img src="photos/photo02.jpg" caption="Photo 2" comment="Short comment" />
    <img src="photos/photo03.jpg" caption="Photo 3" comment="Short comment" />
  </category>
</gallery>

In this example, parent <gallery> tag contains two child tags <category>. Each category has 3 tags <img>. In the first category all the photos have some short comments, description and links (except the last one), which are situted in the special symbols <![CDATA[...]]>. There are no description In the second category.  So, the description of a photo is an optional thing.  Also in the second category all images have comments. The gallery can be divided into any quantity of categories and each category can contains any quantity of photos.

<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://.
  • comment, The short comment of the image. Comment is located under the caption.

<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 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.