XML Repository

How to make XML Photo Gallery

by Sir on March 6, 2011

Create chargeless xml photo arcade with alteration effects

This xml photo arcade tutorial is mainly about how to actualize xml photo arcade with chargeless xml arcade template. In accession we acquaint addition simple way to chargeless beam photo arcade software which can actualize assorted beam arcade after xml skills.

So the tutorial will cover two parts:

1. How to accomplish xml photo gallery

2. Addition way to accomplish beam photo arcade after xml skills

Now chase my accomplish and I am abiding you will aces up the chargeless xml photo arcade tutorial in minutes.

Step 1: Download chargeless xml arcade template

Download free xml photo gallery source file from Google sites and unzip it. The package should include images folder, image_loader.fla file, image_loader.swf file, and images.xml file and image_loader.html file.

Open image_loader.swf file or image_loader.html file to see the original samples as below thumbnail:

Step 2: Add your digital photos to image folder

Choose your favorite photos to add into image folder. There is no quantity limitation for digital photos. However, in order to get a good presentation, the size of your digital photo should not exceed 500px*500px.

Step 3: Edit XML file for adding digital photos

Open images.xml file with a text editor, such as Dreamweaver MX. You will notice that all images are described with the following XML tags located between the <IMAGE> and </IMAGE> tags. You can place as many images as you want by copy and paste the content between the <IMAGE> and </IMAGE> tags. You just need to revise the red content according to your own photos’ name.

<IMAGE TRANSITION=”1″ ALT_PAUSE = “6000”> images/ gallery01.jpg </IMAGE>

Step 4: Set transition effect and duration time

Look the xml code again, and you can set the transition effect by revise the value of “TRANSITION” attribute. You can write 0-9 ten numbers. 0 represent random transition. Regarding to the duration time, you can revise the value of “ALT_PAUSE” attribute.

<IMAGE TRANSITION=”1″ ALT_PAUSE = “6000”> images/ gallery01.jpg </IMAGE>

Step 5: Upload your xml photo gallery on website

Copy and paste the following HTML code to your website, such as MySpace, Blogger. So long as your website supports HTML code, you can put it anywhere as you like. Don’t forget to revise the red URL blow to your own URL.

<object type=”application/x-shockwave-flash” allowScriptAccess=”never” allowNetworking=”internal” height=”264″ width=”550″ data=”http://www.flash-slide-show.com/images/tutorials/flash_banner/banner550.swf”>
<param name=”allowScriptAccess” value=”never” />
<param name=”allowNetworking” value=”internal” />
<param name=”movie” value=”http://www.flash-slide-show.com/images/tutorials/flash_banner/banner550.swf” />
<param name=”quality” value=”high” />
</object>