Resource Photo Editing Tips HTML Photo Gallery

How to Make HTML Photo Gallery for Website

7

Want to create a flash photo gallery or slideshow in HTML, then upload it to your HTML website? This tutorial will not teach you how to program HTML or XML to make photo gallery in HTML. Instead, you'll learn how to make HTML photo gallery with the best photo gallery software, and output slideshow or photo gallery in HTML. That is Wondershare Flash Gallery Factory. With it, you can just make photo gallery in clicks and upload to your website to publish instantly.


Download Win Version Download Mac Version

Benefits of Wondershare Flash Gallery Factory:

  • Providing dozens of free photo gallery templates and free flash preloader;
  • Various output formats including HTML, SWF, EXE, Screensaver, etc. and easy to upload online;
  • Including both auto and manual playing mode and play-pause-previous-next buttons;
  • Easy to use, all processes are automatically and instantly.
  • No prior HTML knowledge required.

Note: If you want to make HTML photo gallery on your Mac, you can turn to Mac Web Gallery Software for help.

After you download and install Flash Gallery Factory, launch it. There are two options: Gallery and Slideshow two modes. Take Slideshow Mode for example here.

Step 1: Import Digital Images and Background Music

Click "Add photo" button or just drag the photos into storyboard directly to add your digital photos. Then click "Add music" button to add background music for your HTML photo gallery if you want.

import photos and music to HTML photo gallery

Step 2: Select a Photo Gallery Template

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

select a free HTML photo template

Step 3: Preview and Save Flash Photo Gallery as HTML Format

Preview your html photo gallery by clicking the start button at the bottom of the right screen. If you are satisfied with your work, publish it to HTML format. A SWF file and an HTML page will be created in the specified folder. You can also publish photo gallery in a single swf, self-running file (exe), or screensaver formats, and even directly mail the photo gallery to your friends (play with browser or standalone Flash player).

publish HTML flash photo gallery

Step 4: Upload or Embed HTML Photo Gallery to Website

There are 3 convenient ways to share your photo gallery in HTML page.

1. Upload HTML page and SWF file: You can then upload the SWF flash file and HTML page to your web server via FTP or online uploader. Make sure in the same folder, otherwise, you need to change the URL in the HTML code. Your visiters will see it immediately. 

2. Upload SWF separately and change the HTML code: You can publish your flash photo gallery in SWF format, upload to somewhere online (e.g. Dropbox), and copy & paste the generated HTML codes to the certain position of your desired webpage or blogger. Please just do not forget to revise the red SWF file address to your real address, which you'll get after successful uploading online.

3. Share on Online Album and get the code: We also provide Wondershare Online Album to store your photo gallery so that you can get the link to share online in no time. Note that the html photo gallery 's size can also be changed by revising the red number "264" and "550". Below is the typical HTML code to embed your photo gallery on webpage. This may be the easiest way to share a photo gallery with your friends. 

<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. An HTML photo gallery can be created in clicks to share instantly online. Click here to watch the HTML photo gallery samples to get inspired.


Download Win Version Download Mac Version

  • yournameisfunny  2012-04-25 01:48
    Agree, anyone can make a photo gallery for HTML without prior knowledge.
  • Mike3  2012-04-25 01:47
    Follow the steps in the tutorial and create the web gallery then. What's the confusing point?
  • Anne Pathon  2012-04-24 18:50
    i didn't understand i would want to put list of pictures in my website
  • Wondershare Employee  2012-03-16 01:47
    Sorry for the inconvenience. I've tried the Share Online feature, and it still works. If you have not got the confirmation, just click the View Hyperlink & HTML Code button to copy the link, and paste to your browser's address bar to view the uploaded gallery.
  • jonsnow9  2012-03-14 22:30
    This does not work anymore, you cannot SHARE ONLINE that easily with HTML as the server crashed and Wondershare will not offer a resolution.
  • Harry Potter  2012-01-11 08:04
    than you very this is what i was looking for...
  • Sokladdd  2011-11-29 03:12
    good and so interesting application