Friday, June 26, 2009

Create free xml photo gallery with transition effects

This xml photo gallery tutorial is mainly about how to create xml photo galery with transition effects. In additon we introduce another free flash photo gallery software which can create various flash photo gallery without xml skills.
 
Now follow my steps and I am sure you will pick up the free xml photo gallery tutorial in minutes.

Step 1: Download free xml photo gallery template

Download free xml photo gallery source file 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:
free xml gallery screenshot

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, 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 past the following HTML code to your website, such as MySpace, Blogger. So long as your website support 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>

Another Easy Way to Create Flash Gallery by Wondershare Flash Gallery Factory

Wondershare flash gallery maker is an easy to use flash photo gallery software which can create dynamic flash gallery, 3D flash photo gallery, website slideshow without XML or flash skills at all. All the processes are automatically and instantly , you just need to move your fingers to click some buttons in the software.
Watch the following flash gallery samples made by free flash gallery templates.
Graduation photo gallery with transition effects


Created by Wondershare Flash Gallery Factory
Note: If you can't open the graduation photo gallery, please refresh your browser or wait a litter longer.
Simple steps for making flash photo gallery without xml skills:

  • Setp 1: Add your digital photos & music to Flash Gallery Factory;
  • Setp 2: Choose image gallery template or just custom your own template;
  • Setp 3: Ouput and save the gallery as SWF or HTML format.

No comments: