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 Fusion 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" src="photos/category01.jpg">
    <img src="photos/photo01.jpg" description="Description 1" />
    <img src="photos/photo02.jpg" description="Description 2" />
    <img src="photos/photo03.jpg" description="Description 3" />
    <img src="photos/photo04.jpg" description="Description 4" />
  </category>
  <category caption="CATEGORY 2" src="photos/category02.jpg">
    <img src="photos/photo05.jpg" description="Description 1" link="empty.html" target="_self" />
    <img src="photos/photo06.jpg" description="Description 2" link="empty.html" target="_self" />
    <img src="photos/photo07.jpg" description="Description 3" link="empty.html" target="_self" />
  </category>
  <category caption="CATEGORY 3" src="photos/category03.jpg">
    <img src="photos/photo08.jpg" description="Description 1" link="empty.html" target="_blank" />
    <img src="photos/photo09.jpg" description="Description 2" link="empty.html" target="_blank" />
    <img src="photos/photo10.jpg" description="Description 3" link="empty.html" target="_blank" />
  </category>
</gallery>

In this example, parent <gallery> tag contains three child tags <category>, each category has its own category image. First category has 4 tags <img>. In the first category all the photos have some short comments. Second category has 3 tags <img>, each tag has image, short description and hyperlink. Third category has 3 tags <img>, each tag has image, short description and hyperlink. 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.
  • 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://.

<img>

Description
Contains the path to the image file and description of this 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://.
  • description, The description of the image.
  • link, The URL from which you can obtain the document. This parameter assigns a hyperlink to the item.
  • 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.