Friday, November 16, 2012

Articles > How to Make XML Photo Gallery

How to Make XML Photo Gallery

by nForms on April 23, 2011

Create free xml photo gallery with transition effects

This xml photo gallery tutorial is mainly about how to create xml photo gallery with free xml gallery template. In addition we introduce another easy way to free flash photo gallery software which can create various flash gallery without xml skills.

So the tutorial will include two parts:

1. How to make xml photo gallery

2. Another way to make 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 gallery 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 %26lt;IMAGE%26gt; and %26lt;/IMAGE%26gt; tags. You can place as many images as you want by copy and paste the content between the %26lt;IMAGE%26gt; and %26lt;/IMAGE%26gt; tags. You just need to revise the red content according to your own photos' name.

%26lt;IMAGE TRANSITION=%26quot;1%26quot; ALT_PAUSE = %26quot;6000%26quot;%26gt; images/ gallery01.jpg %26lt;/IMAGE%26gt;

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 %26quot;TRANSITION%26quot; attribute. You can write 0-9 ten numbers. 0 represent random transition. Regarding to the duration time, you can revise the value of %26quot;ALT_PAUSE%26quot; attribute.

%26lt;IMAGE TRANSITION=%26quot;1%26quot; ALT_PAUSE = %26quot;6000%26quot;%26gt; images/ gallery01.jpg %26lt;/IMAGE%26gt;

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.

%26lt;object type=%26quot;application/x-shockwave-flash%26quot; allowScriptAccess=%26quot;never%26quot; allowNetworking=%26quot;internal%26quot; height=%26quot;264%26quot; width=%26quot;550%26quot; data=%26quot;http://www.flash-slide-show.com/images/tutorials/flash_banner/banner550.swf%26quot;%26gt;
%26lt;param name=%26quot;allowScriptAccess%26quot; value=%26quot;never%26quot; /%26gt;
%26lt;param name=%26quot;allowNetworking%26quot; value=%26quot;internal%26quot; /%26gt;
%26lt;param name=%26quot;movie%26quot; value=%26quot;http://www.flash-slide-show.com/images/tutorials/flash_banner/banner550.swf%26quot; /%26gt;
%26lt;param name=%26quot;quality%26quot; value=%26quot;high%26quot; /%26gt;
%26lt;/object%26gt;

Another Easy Way to Create Flash Gallery by Flash Gallery Software

Wondershare Flash Gallery Factory 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, and you just need to move your fingers to click some buttons in the software.

3D flash photo flow gallery sample

Simple steps for making flash photo gallery without xml skills:

Step 1: Add your digital photos %26 music to Flash Gallery Factory;

Step 2: Choose image gallery template or just custom your own template;

Step 3: Output and save the gallery as SWF or HTML format.

Tags: , , ,

how to create swf file xml photo

Similar XForms | XML Posts

Previous post:

Next post: