Full steps to create html image gallery
The tutorial is mainly about how to create flash image gallery and output html code, then embed the flash image gallery on website with the html code. I will not write how to program the html code but use a html image gallery generator to make the html image gallery. So what you need are some digital images and a html image gallery generator. Here we choose Wondershare Flash Gallery Factory as the html image gallery generator.
The reasons why choose Wondershare Flash Gallery Factory are:
- Including 60+ free html image gallery templates;
- Various output formats including HTML code as well as SWF, EXE, Screensaver, etc;
- Hyperlinks and decoration text can be added on images;
- Easy to use, all processes are automatically and instantly.
Download html image gallery generator or Buy Full license of Flash Gallery Factory to get start now!
Now follow my steps and I am sure you will pick up the html image gallery tutorial in just minutes.
Step 1: Install html image gallery generator
Install html image creator, then run it. You may find that the software includes Gallery and Slideshow two modes. To make html image gallery, you can choose both modes.
Step 2: Import your images & add background music
The program will go to "Browse" tab by default .Click "Add photo" build in button to add images or just drag the photos to storyboard directly. If you want to add background music for your flash image gallery, please click "Add Music" button.
Step 3: Select template for your flash image gallery
The flash gallery software provides 60+ free html image gallery templates for you. You can choose favorite template or custom your own template in Slideshow Mode. Background image and background color can be revised in both modes. See below thumbnail to get more info.:
Step 4: Preview your flash image gallery and publish in HTML format.
Click the start button in the bottom of the right screen to preview your flash image gallery. If you are satisfied , publish it in HTML format, then the software will generate the html code and swf file in your local computer. See below thumbnails to get more info.:
Step 5: Embed your flash image gallery on website with html code
Upload the swf file and html file to your host and get the URL of the swf file. Copy and paste the following html code to any place of your web page. Then revise the swf file's address in red color to your real URL. Then you will see the html image gallery on website.
<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 copy and paste the following HTML code to embed your flash image gallery anywhere in the web pages. You need to revise the SWF file's address below in red to the real URL. Flash image gallery 's size can be revised too by changing the red number "264" and "550".
<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>
You see, it is so easy to create html image gallery with Wondershare Flash Gallery Factory.
Wanna to have a try now? Download free html image gallery generator to create flash image gallery on website !
Or watch html image gallery samples now.
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 pre loaders included, click "Add Accessories" to set pre loader .
Other Related Tutorials:
- > Web photo gallery tutorial with hyperlinks New!
- > Wedding Flash Slideshow Tutorial with music
- > Online Banner tutorial with hyperlinks
- > How to create dynamic flash photo gallery with thumbnails
- > Create MySpace flash slideshow
Explore more flash gallery tutorials