# HTML5 Slideshow Maker - Easily turn your pictures to professional HTML5 picture slideshow

- Follow @AnvSoft

Home > Products > HTML5 Slideshow Maker

- Dozens of stunning HTML5 slideshow templates
- Only need 3 steps to make a splended HTML5 photo slideshow
- Cool & clean interface for enjoying making professional HTML5 slideshow

Version: 1.9.3 Version: 1.8.0

What People Say

"All in all this is a great program tool for the newbie, myself included. You can put out quite a respectable project in a short amount of time."

- Martin

Reward By Expert
Recommendation
Photo Slideshow Maker
Photo/FLV to Flash
AVC Ultimate

- Overview
- Tech Spec
- Tutorial

## HTML5 Slideshow Maker

HTML5 Slideshow Maker is an easy-to-use HTML5 photo slideshow creator. It has Windows version and Mac verion. The Mac version includes both Free version and Full version (View More). With HTML5 Slideshow Maker, you can create a professional slideshow to your website without writing any HTML5 slideshow codes. The HTML5 Slideshow Maker can provide you the HTML5 slideshow codes for your HTML5 picture slideshow.

Making an HTML5 photo slideshow with HTML5 Slideshow Maker is easy. Even a newbie can create a professional HTML5 photo slideshow within a few clicks. There are three tabs on the interface of HTML5 Slideshow Maker, they are "Photo", "Theme" and "Publish". These three tabs means the simple three steps in making a professional HTML5 picture slideshow.

HTML5 Slideshow Maker provide users lots of HTML5 slideshow templates for making stunning ads or banners. Appying these HTML5 slideshow templates to your photo slideshow can make your HTML5 picture slideshow more charming. When finished making the HTML5 photo slideshow, you can share it by embedding to your own website or sending emails.

### Three steps in all

- Add photos: once open the HTML5 Slideshow Maker, users can easily find the "Add Photo" button. By clicking this button, users can browser their photos and add photos.

- Choose theme: users will see all the HTML5 slideshow templates by clicking the "Theme" tab. The HTML5 slideshow templates can be chosen by left clicking the thumbnails.

- Publish HTML5 slideshow: after choosing the "Output Settings", users can publish their html5 photo slideshow by clicking the "Publish Now!" button.

### Flexible customize settings

- Language preference: by clicking the "Perference" tab and choosing the "Language" option, users can start to choose language preference.

- HTML5 photo slideshow: users are allowed to customize the width and height of the HTML5 photo slideshow, the title of the HTML file, frame rate, and background color, add or remove the link, take the setting or delete the setting of "continue playing after clicking", and "random playing photos", etc.

- Photo slideshow photos: you may also customize the image scale options and thumbnail scale options by setting "Scale to fit", "Scale to fill" and "Background Color".

### Cool and clean interface

- Color: black interface makes the HTML5 Slideshow Maker looks cool on your Windows and Mac.

- Words: the words of this HTML5 slideshow creator are in gray, which let the user can find all the tabs and options easily.

- Layout: the layout of HTML5 Slideshow Maker is quiet easy, which make all the functions of this HTML5 slideshow creator can be seem on the whole interface. Users do not neet to scroll down their mouses to see all the interface of HTML5 Slideshow Maker.

### Share HTML5 photo slideshow widely and easily

- Where to share: you can insert your HTML5 photo slideshow to your own website share to your firends via sending email; and upload to SWF compatible websites. The HTML5 photo slideshow is compatible with all the devices, including the apple products.

- How to share: the way of sharing HTML5 photo slideshow is easy. Users just need to upload the output files to their website and then copy the codes of the HTML5 photo slideshow to their webpage editor like Dreamweaver, Microsoft Expression. Users can also share with their friends by sending the compression file of their HTML5 photo slideshow.

### What, Where & How

- What to add: photos in JPG, GIF & PNG format.

- What to apply: HTML5 slideshow template.

- What to export: anvsoftJavaScriptSlideshow-1.0.0.min.js, slides.xml, html5.html, fs_aux.html, folder named res, folder named slides, and folder named thumbs.

- How to share: insert to your own website, embed it to other websites and blogs; upload to SWF compatible websites, email compression file: *.zip, *.rar, *.7z.

- Where to share: personal/organizational websites; email.

#### HTML5 Slideshow Maker for Windows
File Size | 25.9MB
Version | 1.9.1
Platform | Windows XP, Vista & Windows 7, 8
Supported Input Formats
Picture | GIF, JPG, PNG
Supported Output Formats
HTML5 slideshow | HTML, JavaScript, XML
System Requirements
OS | Windows XP, Vista & Windows 7
CPU | 1G Hz Intel or above
RAM | At least 512M physical RAM

#### HTML5 Slideshow Maker for Mac
File Size | 45.7 MB
Version | 1.9.1
Platform | Mac OS X 10.4 or above
Supported Input Formats
Picture | JPG, PNG, GIF
Supported Output Formats
HTML5 slideshow | HTML, JavaScript, XML
System Requirements
OS | Mac OS X 10.4 or later
CPU | 1G Hz Intel or above
RAM | At least 512M physical RAM

Click the thumbnail to view larger images

#### 3 Simple Steps to Make an HTML5 slideshow on Windows or Mac

Preparation: Download HTML5 Slideshow Maker for Windows or HTML5 Slideshow Maker for Mac, then install and launch it.

Step 1: Organize photos.

Add photos: By clicking "Add Photo" button, you can activate a browse window which can help finding your photos and adding them to HTML5 Sllideshow Maker. After finding the photos you want to make an HTML5 slideshow with in the browse window, please click "Open" to load them to HTML5 Slideshow Maker. If you want to select more than one photo at the same time, please press "Shift" or "Ctrl"(Windows) /"Command"(Mac) while selecting the photos.

You can find the photos you added in the lower panel of the HTML5 Slideshow Maker. The names of the photos will be displayed in the lower panel as well.

If you added a photo by mistake, please select the photo and click the "Remove Photo" button to delete the photo. If you want to delete more than one photo at the same time, please press "Shift" or "Ctrl" (Windows) /"Command" (Mac) while selecting the photos. If you want to delete all the photos at the same time, please click the "Remove All Photo" button.

Customize transition effects (Optional): HTML5 Slideshow Maker add transition effects to every HTML5 slideshow by default. The default transition effects are choosing the transition effects randomly and then applying it to every photo. You can skip this if you think the default transitions is OK. If you want to customize the transition effects, you need to click the "Transition Effect" tab and then customizing it.

Add descriptions and links (Optional): You can also add descriptions and links to your HTML5 slideshow. All these can by done after you click the "Properties" tab.

Step 2: Choose Theme

With HTML5 Slideshow Maker, you can use lots of HTML5 slideshow templates. You can see the HTML5 slideshow templates by clicking the "Theme" tab. Clicking the thumbnail of an HTML5 theme means you are choosing that theme.

Step 3: Publish and Share Your HTML5 Slideshow

Publish HTML5 Slideshow: By clicking the "Publish" tab, you can come to the last step. First, you need to choose the "Output Options". The first option is "Create Slideshow" and the second option is "Create Slideshow and Upload to Go2Album". Then comes to the "Output Settings" panel, you need to browse the output folder location for your slideshow, or you may also save the output files in the default location. After that, you can click the the "Publish Now" button to let the HTML5 Slideshow Maker start to produce the output files for your HTML5 slideshow.

Share HTML5 Slideshow: If you do not choose "Create Slideshow and Upload to Go2Album", you will need to find a server to host the output files first and then use the codes to embed HTML5 slideshow to websites. This way is suitable for those who own a website. However, if you choose the second output option, after you upload it to Go2Album, you will get a link to your slideshow. You can share your HTML5 Slideshow by sharing this link or by embedding the codes from Go2Album to blogs or other places.

Tips:

How to Embed an HTML5 slideshow to Webpage

When finisheding making your HTML5 picture slideshow, you'll get a message to imform you that you have suceffully create a HTML5 slideshow. This message also gives you the "Open Output Folder" buttom to let view the output files.

you'll see the following files in the output folder:

You should open the html5.html file to get the embedding HTML5 slideshow codes, which is located below the slideshow.

Then you need to import all the output files to your website server. After that, you can copy and paste the HTML5 slideshow code to any position you want in your webpage. Then the whole steps of embeding an HTML5 photo slideshow are finished.

About AnvSoft | Affiliate | Links | Privacy | Legal Notices | Photo to DVD | Video Converter | Funny Photo Maker | HTML5 Tools | PDF Tools | iPod Transfer

© 2005-2013 AnvSoft Inc., All Rights Reserved.