My Account
Bookmark and Share

Photo Flow Flash Gallery

Use the famous streamline photo flow effect on your website. This effect is well known because of the cover flow gallery switching from iTunes. More Info

Help  >  PhotoFlow Gallery  >  SWF Object  >  Configuring The Gallery


PhotoFlow Flash Gallery - Configuring the gallery



Starting the Work

To start working simply paste object's HTML into your page and setup xml configuration file. You can place configuration file anywhere on your server.

Configuring the gallery

An XML file is used to configure the gallery. By editing the XML file, you can add or remove gallery images as well as edit multiple appearance and behavior settings. The format of the XML file is described below.


Gallery settings are described in the <settings></settings> tag of the XML file as follows: <parameter name> parameter value </parameter name>.

For example, the angle of an image is configured using the "imageAngle" tag: <imageAngle>25</imageAngle>.


Tag <item> </item> contains information related to a particular image.


<item>
<source>1.jpg</source>
<description>Image 1</description>
<link>http://www.flash-gallery.com</link>
<target>_blank</target>
</item>

source — image file name
description — Image description
link — link to the web-page
target — controls where the new document will be displayed
possible values:
  • "_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.

XML file format


<gallery>
<settings>
<imagesFolder>images/</imagesFolder>
<imageAngle>30</imageAngle>
<useScrollBar>true</useScrollBar>
<slideShow>true</slideShow>
<slideShowDelay>2</slideShowDelay>
<flipDuration>1</flipDuration>
<flipSound></flipSound>
<colorScheme>black</colorScheme>
</settings>
<items>

<item>
<source>1.jpg</source>
<description>Image 1</description>
<link>http://www.flash-gallery.com</link>
<target>_blank</target>
</item>

<item>
<source>2.jpg</source>
<description>Image 2</description>
<link>http://www.google.com</link>
<target>_blank</target>
</item>

<item>
<source>…</source>
<description>…</description>
<link>…</link>
<target>…</target>
</item>

</items>

</gallery>