Dreamweaver Extensions

Working with XML content

Open the carousel.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 -> Flash 3D Carousel). 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>
   <img src="photos/photo01.jpg" caption="CAPTION 1">
      <description>
         <item color="0xC68608" font="Myriad Pro" font_size="20" margin_bottom="-5">DESCRIPTION 1</item>
         <item color="0x505050" font="Tahoma" font_size="11">description second line</item>
         <item link="empty.html" target="_self" font="Myriad Pro" font_size="14" margin_top="5">BUTTON CAPTION</item>
      </description>
   </img>
   <img src="photos/photo02.jpg" caption="CAPTION 2">
      <description>
         <item color="0xC68608" font="Myriad Pro" font_size="20" margin_bottom="-5">DESCRIPTION 2</item>
         <item color="0x505050" font="Tahoma" font_size="11">description second line</item>
         <item color="0x505050" font="Tahoma" font_size="11">description third line</item>
         <item link="empty.html" target="_blank" font="Myriad Pro" font_size="14" margin_top="5">BUTTON CAPTION</item>
      </description>
   </img>
   <img src="photos/photo03.jpg" caption="CAPTION 3">
      <description>
         <item color="0xC68608" font="Myriad Pro" font_size="20" margin_bottom="-5">DESCRIPTION 3</item>
         <item color="0x505050" font="Tahoma" font_size="11">description second line</item>
      </description>
   </img>
</component>

In this example you can see 3 images.

For example let's take first slide. It has source file and caption. Then goes tag description. It has three description items, first line has its own color (color="0xC68608"), font, size margin (margin_bottom="-5") and the description. Second line is the same, it just doesn't have margin. Third line is hyperlink (link="empty.html"), it has target, font, size, margin (margin_top="5") and title.

Second snd third images are almost the same, they just differs in the number of description items.

<component>

Description
Main tag and contains the description of the component.

<img>

Description
Contains the path to the image and the slide description.

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.

The following attributes are optional for tag <img>. If tag <img> has a link attribute, so on mouse click on the link, a page will be opening. Meanwhile the description for this slide won't appear.

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

<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 button. 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 caption of the button 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.