Tuesday, January 05, 2010

XML thumbnails flash slideshow

Easy way to customize XML gallery, with thumbnails. The gallery can also display the pictures as a slideshow.and be used in webpage, Blogger, etc...

This tutorial is mainly about how to create XML slideshow with free XML template. Of course you should know something about XML, if so ,it is good, you will feel the tutorial is so easy. If not, we will introduce another flash image gallery creator for you. It need no XML skills and can make various free photo gallery easily.

The tutorial will include two parts:
How to make free XML gallery;
Make flash image gallery without XML skills ;

Step 1: Download free XML gallery template.

Click here to download free XML gallery template and unzip it. The package should include gallery folder, demo.html file, gallery.swf file, and images.XML file.
Open demo.html file or gallery.swf.file to see the original samples as below thumbnail:

xml slideshow gallery flash

Step 2: Add your digital photos to gallery folder.
Choose your favorite photos to add into gallery folder. You can delete or restore the original photos as you like. There is no quantity limitation for digital photos.

Step 3: Make thumbnail images for your digital photos.
From the above screenshot you can find there are small thumbnail images in the bottom, so you need to make thumbnail images for your digital photos too. It's size should be 70px*70px. Then add the thumbnail images to gallery folder.

Step 4: 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 <pic> and </pic> tags. You can place as many images as you want by copy and paste the content between the <pic> and </pic> tags. You just need to revise the red content according to your own requirements.

<image>gallery/1.jpg </image>
<thumbnail>gallery/s1.jpg </thumbnail>
<caption>Some lamp on the ground </caption>

Step 5: Upload your XML 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-gallery-software.com/images/tutorials/flash_banner/banner550.swf">
<param name="allowScriptAccess" value="never" />

<param name="allowNetworking" value="internal" />

<param name="movie" value="http://www.flash-gallery-software.com/images/tutorials/flash_banner/banner550.swf" />

<param name="quality" value="high" />


No comments: