Building Websites...
Cookbook
Slideshow    

 Slideshow

 
Author
Hans Ingelberts
October 2002
Demo

Now showing:

Speed:(1=slowest, 10=fastest)

Todo 1. Format you pictures right so you can use the in the slideshow.
   This means: - Give all your picturenames the same start e.g "picture"
               - After the start you should put the number of the picture 
                 starting with 1 without skipping one number
               - Make sure all the pictures have the same file-extension 
                 e.g. .gif or .jpg

          examples: RIGHT: picture1.jpg,picture2.jpg,picture3.jpg,picture4.jpg
 
                    WRONG: picture01.jpg,picture02.jpg,picture03.jpg,picture04.jpg
                           picture1.jpg,picture2.jpg,picture3.jpg,picture5.jpg
                           picture1.jpg,picture2.gif,picture3.jpg,picture3.jpg
 
   At last make shure the pictures are in the same folder as the file with the slideshow!
   So I think you got it now, right?

2. Paste the script between the "<HEAD>"-tags of your HTML-code.
   In the first lines of the code, set the number of images, the images name and the images type

3. To finish the installation paste the HTML for the display of the pictures
   and the control-buttons of the slideshow where you want it in your HTML
   Make sure it's between the "<Body>"-tags. 
 

Code
  • script    (right click and choose Save Target/Link As... to download the file, open in Editor (eg Notepad))
  • display-html


PADX lab, VUB
Jan Lemeire
Oct 2002