English

Photo Flash Maker Platinum

Flash Template Showcase

HTML Photo Album Maker - HTML Web Gallery Creator

You don't need to write Javascript to create HTML photo albums and web galleries. For common users, even with provided Javasript code, it's impossible to make a web gallery or a single HTML photo album that is both dynamic and good-looking.

Use HTML slide show wizard! Creating HTML photo album is not that complicated. You can do it in an easy way. With Photo Flash Maker, you can make HTML photo album and web gallery with ready-for-use templates, transitions and background sound in a matter of minutes.

This photo gallery is created with the Photo Spread Web Album template

Creating web gallery and HTML photo album is easy!

Photo Flash Maker is very intuitive, slick-looking, and it's extremely easy to navigate, allowing users to create their first HTML photo album in a matter of minutes.

Besides HTML photo album and Flash Web gallery, you can create many other types of Flash slideshows with the Flash slideshow builder.

There are more than 40 Advanced Flash slideshow templates and 60 more Basic Flash slideshow templates in the HTML photo album program. You can download Photo Flash Maker to see it yourself.

With Photo Flash Maker, you can export Flash slideshow into 3 types of formats:

Output Format	Files & Docs	Note
SWF + HTML		The SWF file is a standalone Flash movie. Basic templates generate this kind of output.
SWF + HTML + XML		The SWF file is controlled by XML document. Advanced templates generate this kind of output.
Gift CD/DVD		Auto-plays when inserted into computer drive. Cannot play on TV.

Output Format

Files & Docs

Note

SWF + HTML

The SWF file is a standalone Flash movie.

Basic templates generate this kind of output.

SWF + HTML + XML

The SWF file is controlled by XML document.

Advanced templates generate this kind of output.

Gift CD/DVD

Auto-plays when inserted into computer drive.

Cannot play on TV.

When you publish an XML-driven HTML photo album Flash slideshow, the program creates a set of source files and folders for the slideshow (see below:)

Source files of XML Flash slideshow

In the output folder, you will see several files and folders. These are the data source and assets that keep the flash slideshow play properly when it's embedded into website. The slides folder has the images which have their respective thumbnails present in the thumbs folder. The details of these images are listed in the XML document.

In the fs_aux.html file, your will find HTML code for embedding the web gallery.

You should manually adding the <OBJECT> and <EMBED> tags to any existing webpage.

Example HTML code for embedding the photo album to websites

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="650" height="500"> 
<param name="movie" value="/slideshow-showcase/advanced_webalbum_spreadphoto/advanced_webalbum_spreadphoto.swf?xml_path=/slideshow-showcase/advanced_webalbum_spreadphoto/slides.xml" /> 
<param name="quality" value="high" /> 
<param name="allowFullScreen" value="true" /> 
<param name="wmode" value="transparent" /> 
<param name="allowScriptAccess" value="always" /> 
<param name="_flashcreator" value="http://www.photo-flash-maker.com" /> 
<param name="_flashhost" value="http://www.go2album.com" /> 
<embed src="/slideshow-showcase/advanced_webalbum_spreadphoto/advanced_webalbum_spreadphoto.swf?xml_path=/slideshow-showcase/advanced_webalbum_spreadphoto/slides.xml" width="650" height="500" quality="high" allowFullScreen="true" wmode="transparent" allowScriptAccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed> 
</object>

XML code that controls the photo Flash slideshow album

<?xml version="1.0" encoding="UTF-8" ?>
<flash_parameters copyright="anvsoftPFMTheme">
    <preferences>
        <global>
            <basic_property html_title="My Album" loadStyle="Bar" hideAdobeMenu="true" photoDynamicShow="true" anvsoftMenu="false" enableURL="false" startAutoPlay="false"/>
            <music_property path="" stream="true" loop="false"/>
            <description_property enable="false" backgroundColor="0xfffbf0" backgroundAlpha="0" cssText="a:link{text-decoration: underline;} a:hover{color:#ff0000; text-decoration: none;} a:active{color:#0000ff;text-decoration: none;} .blue {color:#0000ff; font-size:15px; font-style:italic; text-decoration: underline;} .body{color:#ff5500;font-size:20px;}" align="top"/>
            <background_property backgroundColor="" mode="tile"/>
        </global>
        <photo>
            <basic_property PhotoMaxWidth="650" PhotoMaxHeight="400" photoBackColor="0xffffff" photopadding="40" photoborder="1" EnablephotoTitle="false" photoTitleColor="0xffffff"/>
        </photo>
        <thumbnail>
            <basic_property thumWidth="160" thumHeight="80" thumbnailborderColor="0xc0c0c0" thumborder="0" thumSpacing="20"/>
            <button_property buttoncolor="0x808080"/>
        </thumbnail>
    </preferences>
    <album>
        <slide jpegURL="thumbs/t_0001.jpg" d_URL="slides/p_0001.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="625" height="400"/>
        <slide jpegURL="thumbs/t_0002.jpg" d_URL="slides/p_0002.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="618" height="400"/>
        <slide jpegURL="thumbs/t_0003.jpg" d_URL="slides/p_0003.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="613" height="400"/>
        <slide jpegURL="thumbs/t_0004.jpg" d_URL="slides/p_0004.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="600" height="400"/>
        <slide jpegURL="thumbs/t_0005.jpg" d_URL="slides/p_0005.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="560" height="400"/>
        <slide jpegURL="thumbs/t_0006.jpg" d_URL="slides/p_0006.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="609" height="400"/>
        <slide jpegURL="thumbs/t_0007.jpg" d_URL="slides/p_0007.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="500" height="400"/>
        <slide jpegURL="thumbs/t_0008.jpg" d_URL="slides/p_0008.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="22347" width="560" height="400"/>
        <slide jpegURL="thumbs/t_0009.jpg" d_URL="slides/p_0009.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="650" height="386"/>
        <slide jpegURL="thumbs/t_0010.jpg" d_URL="slides/p_0010.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="599" height="400"/>
        <slide jpegURL="thumbs/t_0011.jpg" d_URL="slides/p_0011.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="588" height="400"/>
        <slide jpegURL="thumbs/t_0012.jpg" d_URL="slides/p_0012.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="616" height="400"/>
        <slide jpegURL="thumbs/t_0013.jpg" d_URL="slides/p_0013.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="643" height="400"/>
        <slide jpegURL="thumbs/t_0014.jpg" d_URL="slides/p_0014.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="593" height="400"/>
        <slide jpegURL="thumbs/t_0015.jpg" d_URL="slides/p_0015.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="550" height="400"/>
        <slide jpegURL="thumbs/t_0016.jpg" d_URL="slides/p_0016.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="645" height="400"/>
        <slide jpegURL="thumbs/t_0017.jpg" d_URL="slides/p_0017.jpg" transition="52" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="610" height="400"/>
        <slide jpegURL="thumbs/t_0018.jpg" d_URL="slides/p_0018.jpg" transition="0" panzoom="1" URLTarget="0" phototime="2" transitiontime="2" url="http://www.photo-flash-maker.com/showcase.html" title="HTML Photo Album Slideshow" width="536" height="400"/>
    </album>
</flash_parameters>

Features of the HTML photo gallery maker

Software Screenshot of the HTML Photo Album Maker

Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery.

To convey the message of presented data effectively, it’s important to offer it in an attractive and intuitive way. Furthermore, the presentation itself can make images more valuable and simplify the browsing through hundreds of slides.

With Photo Flash Maker, you can create gorgeous HTML photo album, gift CD/DVD and all kinds of Flash slideshows. The HTML photo album creator offers dozens of brilliant features, which make it really easy to build you own HTML photo album.

Turn photos into HTML photo album
Add background music to HTML photo album
Add URL links to every slide of the HTML photo album
Create XML-driven HTML photo album with Advanced Flash templates
Create auto-play HTML photo album
Create Flash banner/slideshow for building website
Create gift CD/DVD to archive and share photos
Upload HTML photo album to free online album service

Download Photo Flash Maker

Photo Flash Maker is compatible with Windows XP, Vista and the latest Windows 7. And before you pay out real money to buy this HTML photo album creating software, you got a change to try it out. Just download it from our website to use.

Web photo album generated with HTML + CSS

CSS + HTML Web Gallery

It could be time consuming to write CSS to achieve this HTML+CSS photo gallery, and it's less attractive then Flash slideshow. Try the HTML slide show wizard! It's musch more easier.

Javascript Image Gallery & Slideshow and JavaScript + CSS-based Galleries & DHTML-Galleries

ImageGal : Imagegal is a simple PHP script that will automagically create a JS/CSS/DHTML powered image gallery for you when dropped into a directory containing images. This simple script was inspired by a Jeremy Keith’s article on aListApart.com.

Highslide JS: Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: No plugins like Flash or Java required. Popup blockers are no problem. The images expand within the active browser window.

Minishowcase: Minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX/JSON that lets you put easily your images in an online gallery, without having to configure databases or changing and customising code (though you may do it if you feel so) allowing to have an up-and-running gallery in a few minutes.

Ajax Photo Gallery: The AJAX version of AgileGallery is a free AJAX photo gallery that rips through the XML output from Picasa (a free download from google) and generates DHTML for the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. Since this photo gallery uses AJAX technology, it eliminates the need for any page refresh as the user pages through the photos.

zenphoto: Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense. After years of bloated software that does everything and your dishes, zenphoto just shows your photos, simply. It’s got all the functionality and “features” you need, and nothing you don’t. Where the old guys put in a bunch of modules and junk, we put a lot of thought. We hope you agree with our philosopy: simpler is better.

All the above Javasript gallery examples and code can be found in Smashingmagazine.

How to make photo album and web gallery for websites

The new intuitive interface of the HTML photo album program walks users through the process of selecting photos, adjusting transition effects, adding music, selecting a theme, and selecting the proper output format. And the HTML photo album maker also offers Plenty of ready-for-use and customizable Flash templates.

Step 1. Add photos

The HTML photo album maker supports JPG, TIFF, BMP and PNG files.

Step 2. Choose transition effects

The HTML photo album software offers dozens of transition effects for making HTML photo album.

Users can choose from Random, Wipe from Left, Fade to White, Cross Expansion and other 60-plus transition effects. Pan & Zoom effect is also applicable to some Flash templates when you create HTML photo album.

Step 3. Choose Flash template

There are Basic Flash templates as well as Advanced Flash templates in the HTML photo album program.

The Basic Flash template is easy-to-use and creates standalone SWF file, while the Advanced Flash template is more dynamic and creates XML-driven Flash. Go to see the Flash slideshow template showcase

Step 4. Publish and share your HTML photo album and web gallery

The HTML photo album Maker supports 3 types of export options. If you use Basic Flash templates to create HTML photo album, you get standalone SWF file, which is simple to manage and share; If you use Advanced Flash templates to create HTML photo album, you get XML-driven Flash, which offers you more dynamic controls; and gift CD/DVD.

Useful Resource:

How to embed Flash slideshow to website?

How to utilize our Free Web Album Service?

HTML Photo Slide Show Maker - Flash Creator

HTML

HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. It allows images and objects to be embedded and can be used to create interactive forms. It can include or can load scripts in languages such as JavaScript which affect the behavior of HTML processors like Web browsers; and Cascading Style Sheets (CSS) to define the appearance and layout of text and other material.

Hyper Text Markup Language (HTML) is the encoding scheme used to create and format a web document.

HTML markup consists of several key components, including elements (and their attributes), character-based data types, and character references and entity references. Another important component is the document type declaration, which specifies the Document Type Definition. As of HTML 5, no Document Type Definition will need to be specified, and will only determine the layout mode.

JavaScript

JavaScript is an object-oriented scripting language used to enable programmatic access to objects within both the client application and other applications. The primary use of JavaScript is to write functions that are embedded in or included from HTML pages and interact with the Document Object Model (DOM) of the page. Some simple examples of this usage are:

1. Opening or popping up a new window with programmatic control over the size, position, and attributes of the new window.

2. Validation of web form input values to make sure that they will be accepted before they are submitted to the server.

3. Changing images as the mouse cursor moves over them: This effect is often used to draw the user's attention to important links displayed as graphical elements.

CSS

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document

By combining CSS with the functionality of a Content Management System, a considerable amount of flexibility can be programmed into content submission forms. This allows a contributor, who may not be familiar or able to understand or edit CSS or HTML code to select the layout of an article or other page they are submitting on-the-fly, in the same form. For instance, a contributor, editor or author of an article or page might be able to select the number of columns and whether or not the page or article will carry an image.