My Account
Bookmark and Share

Art Photo Gallery

Art Photo Gallery organically blends with any design thanks to flexible appearance settings. You can publish any photos and images on your site in a matter of minutes using this photo gallery. More Info

Help  >  Art Flash Gallery  >  SWF Object  >  Configuring The Gallery


Art 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 property="…" />

For example, the thumbnail outline color is configured using the parameter <thumbnail outlineColor="0x000000"/>


Gallery images are described in the <items> </items> tag. Parameter <item source="…" thumb="…" description="…" link="…" target="…" /> contains information related to a particular image.

<items>
<item source="…" thumb="…" description="…" link="…" target="…"/>
<item source="…" thumb="…" description="…" link="…" target="…"/>
…………………………………………
</items>

source – image file name;
thumb - thumbnail 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>
<bgImage alpha="100" source="images/bg.jpg" />
<image
align="center"
cornerRadius="10"
scaleMode="fill"
transitionEffect="fade"
useShadow="true"
/>
<thumbnail
width="80"
height="60"
cornerRadius="10"
alpha="70"
outlineColor="0xFFFFFF"
outlineColorOnRollOver="0xFFFF00"
outlineColorOnClick="0x8B0000"
useShadow="true"
usePreview="true"
/>
<thumbBar
position="left"
scrollSpeed="10"
/>
<caption
position="bottom"
bgAlpha ="40"
color="0xFFFFFF"
bgColor="0x000000"
fontName="Verdana"
fontSize="12"
/>
<preview
width="200"
height="100"
alpha="90"
outlineColor="0x000000"
cornerRadius="10"
useShadow="true"
/>
<preloader
alpha="70"
usePreloader="true"
/>
<slideshow
start="false"
delay="4"
loop="true"
stopAutoOnClick="true"
/>
<sound
onRollOver="sounds/over.mp3"
onClick="sounds/click.mp3"
/>
<buttons
fullScreenButton="true"
navigationButtons="true"
slideshowButtons="true"
/>
<picasa user="" albumID="" />
</settings>

<items>
<item source="1.jpg" thumb="1t.jpg" description="Image 1" link="http://flash-gallery.com" target="_blank"/>
<item source="2.jpg" thumb="2t.jpg" description="Image 2"/>
<item source="3.jpg" thumb="" description="Image 3" />
. . .
</items>

</gallery>