Sunday, February 07, 2010

html flash photo gallery slideshow

How to create a flash photo gallery and output with HTML code for website? This tutorial will not teach you how to program HTML or XML to make html photo gallery but introduce to you the best html photo gallery software which can create html photo gallery automatically in minutes. That is Wondershare Flash Gallery Factory .
Summer Vacation photo gallery with custom background



 
The reasons why choose Wondershare Flash Gallery Factory are:
Providing 60+ free html photo gallery templates and 18 free flash preloader;
Various output formats including HTML, SWF, EXE, Screensaver, etc and easy to upload online;
Including both auto and manual displaying and play-pause-previous-next button;
Easy to use, all processes are automatically and instantly.
watch html photo gallery sample created by Flash Gallery Factory to get start now!

Step 1: Install html photo gallery software.
Install your downloaded html photo gallery software first, and then run it. You may find that the software includes Gallery and Slideshow two modes, and both modes have html outputting format. Here I choose Gallery Mode.

Step 2: Import digital images and background music.
The program will go to "Browse" tab by default .Click "Add photo" build in button or just drag the photos into storyboard directly to add your digital photos. Then click "Add music" build in button to add background music for your html photo gallery if you want.

Add photos and music

Step 3: Select free html photo template.

Flash Gallery Factory provides 60+ free html photo gallery templates .You can select your favorite one. You can also custom background color and images for your selected template. See below thumbnail to get more info:

Select free html photo gallery template


Step 4: Preview and save flash photo gallery as html format.

Preview your html photo gallery by click the start button in the bottom of the right screen. If you are satisfied with your work, publish it to HTML format. Then your html photo gallery is created. You can also publish it in swf, exe, or screensaver formats, and even can mail the photo gallery to your friends directly as a gift.

Publish html format photo gallery


Step 5: Embed the html photo gallery on website.
Upload the created SWF file and HTML file to your host and revise the SWF file's address in red color below to the real address. Then you will see the html photo gallery on web page.

<body bgcolor="#FFFFFF" onLoad="javascript: sf.focus()">
<table width=100% height=100%>
<tr>
<td>
<center>
<script language="javascript">
callFlash('test.swf');
</script>
</center>
</td>
</tr>
</table>
</body>

Or you can use this HTML code and revise the red SWF file address to your real address. The html photo gallery 's size can also be revised by change the red number "264" and "550".

<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" />
</object>

Done, you see, in minutes, the html photo gallery was created. Watch the html photo gallery sample below I embed on this web page and get inspired.

Tips:
1. Digital image and music displaying time can be set by double click on the image in storyboard and edit in pop-up window;
2. Hyperlinks and text can be added by double click on the image in storyboard and edit in pop-up window.
3. There are 18 free flash preloaders included, click "Add Accessories" to set preloader .

No comments: