How to Edit Flash XML Photo Gallery

Wondershare Flash Gallery Factory Deluxe is an easy to use web photo album maker, which offers you various free amazing photo gallery templates to help you create more professional and impressive flash XML photo gallery, 3D flash photo gallery, web image slideshow.

From this free xml photo gallery tutorial, you'll learn to edit your flash photo gallery in XML format, while you do not need to know any xml knowledge at all.

Now follow my steps and I am sure you will pick up this flash xml photo gallery tutorial in minutes.

Download Flash Gallery Factory Deluxe to make your own flash photo gallery in Gallery Mode, then choose to create flash file. At the same time, you'll get html codes which were generated automatically.

Refer to flash slideshow tutorial and learn how to make your xml flash photo gallery step by step.

Open the xml photo gallery folder, it should include resource folder, *.swf file, and *.html file. Open *.swf file or *.html file to view your xml photo gallery:

Click the below thumbnails to watch the xml photo gallery made by Flash Gallery Factory

Watch more flash gallery samples made by Flash Gallery Factory >>

Choose your favorite photos to add into images folder. Meanwhile, you should make their thumbnails with the size of 80px*60px approximately, and add the thumbnail in the same folder.
Then Open relevant *.xml file in resource folder with a text editor, such as Dreamweaver MX. You will notice that all images are described with the following XML tags. You can copy and paste the following XML tags to place as many images as you want, and just need to revise the red content according to your own photos' name.

<viewItem type="image" stratTime="8" duration="4">
<dataInfo size="0" url="resource/res/images/album_1/image_1.jpg" thumbUrl="resource/res/images/album_1/thumb_1.jpg" />
</viewItem>

Note: You can replace the original images to your own digital photos also, just need to revise the red content in the relevant xml file if you give the different name to the image.

Add music *.mp3 into resource\res\music folder. If the music folder does not exist, you should create a folder named music, and add *.mp3 into the folder.
Open music.xml file in relevant album folder, then copy the red content and paste it before </musicList>, and just need to revise *mp3 to your own music name.
If the music.xml file does not exist, you should create a music.xml file under relevant album folder, and then add the following code into music.xml.

<musicList>
<music caption="*.mp3" src="resource/res/music/*.mp3" />
</musicList>

If there is no background music added in album_1. You should open album.xml, then copy the red content and paste it to related nodal points.

<albumList>
<album thumbSrc="resource/res/images/album_1/thumb.jpg" caption="Album 1" description="" imgListSrc="resource/xml/album_1/slide.xml" />
musicListSrc="resource/xml/album_1/music.xml" />
<album thumbSrc="resource/res/images/album_2/thumb.jpg" caption="Album 2" description="" imgListSrc="resource/xml/album_2/slide.xml"
musicListSrc="resource/xml/album_2/music.xml" />
</albumList>

Create a new folder named album_* into "resource/res/image/" and "resource/xml/" seperately, add all you desired photos and its relative thumbnails in the album_* folder under "resource/res/image/", the size of each thumbnail should be about 80px*60px.
Also, you need to create a new slide.xml in the album_* folder under ”resource/xml/”. Open album.xml file, then copy the red content and paste it before </albumList>.

<albumList>
<album thumbSrc="resource/res/images/album_1/thumb.jpg" caption="Album 1" description="" imgListSrc="resource/xml/album_1/slide.xml" />
musicListSrc="resource/xml/album_1/music.xml" />
<album thumbSrc="resource/res/images/album_2/thumb.jpg" caption="Album 2" description="" imgListSrc="resource/xml/album_2/slide.xml"
musicListSrc="resource/xml/album_2/music.xml" />
<album thumbSrc="resource/res/images/album_*/thumb.jpg" caption="Album *" description="" imgListSrc="resource/xml/album_*/slide.xml" />
</albumList>

No matter whether you want to set manual play or auto play of your xml photo gallery, just open config.xml file. You'll see the following code, then set the “playType” as “manualPlay” or “autoPlay”.
If you want to show play control bar for your flash 3D photo gallery, open config.xml file again. You need to set playBarVisible as “True” as below, or else you have to set it as “False” to hide it.

<config>
<swf width="720" height="540" scaleMode="noScale" alignMode="TL" preloaderSize="0" bgSoundLoop="true" />
<preloader percentTextColor="16777215" bgColor="6710886" size="0" url="resource/res/others/default.swf" />
<dataLoadControl size="1" url="resource/res/others/datacontrol.swf" />
<player size="0" url="resource/res/others/player.swf" />
<playMode startType="" playType="manualPlay" endType="showReplayButton" />
<imgDescription position="bottom" showType="auto" />
<temp3D albumListType="mask" albumListPosition="" playBarVisible="true" controlBarVisible="true" autoAddImgBoolean="true" />
<maTempXMLData url="resource/res/others/HemicycleOut.swf" />
<maAlbumListData url="resource/album.xml" />
<tempBackGround>
<backColor color="0" />
</tempBackGround>
</config>

Upload all the above files of XML photo gallery to web server. Open your html webpage, where you want to display the swf slideshow. Just copy and paste the HTML code to any section of the webpage with html editor, such as Dreamweaver. Learn more about how to upload your XML photo gallery to websites.

Download Flash Gallery Factory on Win System

Download New-released Web Gallery for Mac

Related Articles:

• Create 3D Image Rotating Flash with Flash Image Rotator
• Make Free XML Gallery with Thumbnails
• How to Make Flash Photo Album with Music
• Category Flash XML Gallery Tutorial