Digicrafts | Ultimate UI Components For Web Design, RIA, Flash, Flex, Dreamweaver, Lightroom plug-in Adobe CS3 CS4

Prepare images with custom XML source

Author: Digicrafts Last Update: 27/03/2008

1. Prepare image for use with the components.

Resize and save your images into a folder of your website.

2. Create the custom XML file for the source.

Open any text editor (Notepad or Dreamweaver) create a xml like the format show below. Save it to your website.

<items id = "items">

<item path = "menu/icon_1.png" width = "128" height = "128" type = "bitmapfile">
<title>Item Title</title>
<description>Item description</description>
<link>link</link>
<linktarget>link</linktarget>
</item>

<item path = "menu/icon_2.png" width = "128" height = "128" type = "bitmapfile">
<title>Item Title</title>
<description>Item description</description>
<link>link</link>
</item>

</items>

3. XML structure

Tag	Description
<item>	Specify the path and dimension of the items.
<title>	Specify the caption of the item selected.
<link>	Specify the url of the link when item click.
<linktarget>	Specify the link target of the link. Can be _SELF, _BLANK or other target name.
<video>	Specify the video source when the item stop and selected. (Only support in specified product)

Prepare images with custom XML source

You can learn how to prepare custom XML which use with our photo album components.

Compatibility:

Skill Level:

Links