Slideshow Wizard

Use this wizard to create an HTML/JavaScript slideshow.

Warning:

When you leave this page, your slideshow is not saved, so be sure to copy the generated HTML. You cannot return to make changes to a previously generated slideshow, you must start from scratch each time.
The code that this wizard produces cannot be used for eBay auction pages - use the Auction Wizard instead.

Step 1:
Place your images on your personal web site

You must have your own website for storing the images. Copy the images to your website (for example, using ftp) then return here.

(Optional) Base URL for all Images:

This will be appended before each image filename.
For example: http://www.example.com/pics/ (← note ending slash!)

Step 2:
Set your slideshow options

Settings

Slide duration:
(1000 = 1 sec)

Automatically start playing

Repeat or loop the slideshow

Shuffle/randomize the slideshow

Prefetch images:

Transitions: (Microsoft IE only)

Controls Previous
Next
View
Random
Play
Stop

Step 3:
Edit your slides

Slide Editor

Image filename: (pic1.jpg)

Link: (http://www.mywebsite.com/)

Link target: (windowname, _blank)

Window attributes: (width:600,height:400)

Description: (HTML is allowed)

Transition: (Microsoft IE only)

Note: you must also set a default transition for the slideshow (above), or these custom transitions will not work.

Slides

Enter the image filename and optional parameters, then click Add Slide. To update a slide, select the slide number in the list, change the values, then click Update Slide. To delete a slide, select the slide number in the list, then click the X button. To rearrange the slides, select a slide number in the list, then click the up or down arrow buttons.

Step 4:
Generate the HTML for the slideshow

Click the button to generate or preview your slideshow. When you are satisfied with the results, click Select All or simply click inside the window below and use your cursor to highlight the script. Copy the script (type Control-c or Apple-c), and paste it (type Control-v or Apple-v) into your HTML page.

Note: if you use this wizard, please consider making a donation!

Slideshow Wizard

Step 1:
Place your images on your personal web site

Step 2:
Set your slideshow options

Step 3:
Edit your slides

Step 4:
Generate the HTML for the slideshow

Demo

Projects

Slideshow Wizard

Step 1:Place your images on your personal web site

Step 2:Set your slideshow options

Step 3:Edit your slides

Step 4:Generate the HTML for the slideshow

Demo

Projects

Step 1:
Place your images on your personal web site

Step 2:
Set your slideshow options

Step 3:
Edit your slides

Step 4:
Generate the HTML for the slideshow