Here's a meta tag method for a slideshow:
Each image in your slideshow needs to be put on a separate webpage.Use the same format for each of your separate webpages---the same placement and width and height and border for an image; the same size table (if used), etc for a "cleaner" look.
And each webpage needs to have this meta tag placed in-between the head tags (the meta tag is what will transfer you from one page to the next---use a number (in seconds) in the content area (#), for the delay factor):
<<>meta http-equiv="refresh" content="#;url=url of next webpage">
In case the slideshow "freezes up", you can also provide clickable text to advance the series:
<<>a href="url of next page">Click to advance if the show stops or manually Reload the page<<>/a>
For halloween, here's a bare-bones demo for a three-page slideshow---3 seconds after a page with an image has loaded, it will automatically transfer you to the next page in the sequence:
The page1.html file:
<<>html>
<<>head>
<<>title>page 1 of 3<<>/title>
<<>meta http-equiv="refresh" content="3;url=page2.html">
<<>/head>
<<>body codes here>
<<>center>
<<>img src="url of image1" width="#" height="#" border="#">
<<>P>Caption if desired<<>P>
<<>a href="page2.html">Click to advance if the show stops or manually Reload the page<<>/a>
<<>/center>
<<>/body><<>/html>
The page2.html file:
<<>html>
<<>head>
<<>title>page 2 of 3<<>/title>
<<>meta http-equiv="refresh" content="3;url=page3.html">
<<>/head>
<<>body codes here>
<<>center>
<<>img src="url of image2" width="#" height="#" border="#">
<<>P>Caption if desired<<>P>
<<>a href="page3.html">Click to advance if the show stops or manually Reload the page<<>/a>
<<>/center>
<<>/body><<>/html>
The page3.html file (last in the series----so I used wherever.html in the meta tag and the <<>a href> tag---after 3 seconds this page will send your viewer to wherever you designate---back to page1.html or any other webpage you substitute in for---- wherever.html ):
<<>html>
<<>head>
<<>title>page 3 of 3<<>/title>
<<>meta http-equiv="refresh" content="3;url=wherever.html">
<<>/head>
<<>body codes here>
<<>center>
<<>img src="url of image3" width="#" height="#" border="#">
<<>P>Caption if desired<<>P>
<<>a href="wherever.html">Click to advance if the show stops or manually Reload the page<<>/a>
<<>/center>
<<>/body><<>/html>
You can also add an intro page, containing some delaying tactics, so the images can pre-load on the intro page, allowing the slideshow itself to load faster.
The intro.html file:
(this page will pre-load the images, and 10 seconds after the page has fully loaded, it will automatically transfer you to the page1.html, containing the first of the images in the slideshow.):<<>html>
<<>head>
<<>title>intro to slideshow<<>/title>
<<>meta http-equiv="refresh" content="10;url=page1.html">
<<>/head>
<<>body codes here>
Put some text here as a delaying tactic while the images pre-load on this page.
10 seconds after the page has fully loaded, it will automatically transfer you to the page1.html, containing the first of the images in the slideshow.
<<>P>
<<>a href="page1.html">Click to advance if the show stops or manually Reload the page<<>/a>
<<>P>
<<>img src="url of image1" width="1" height="1">
<<>img src="url of image2" width="1" height="1">
<<>img src="url of image3" width="1" height="1">
<<>/body><<>/html>
The above format is just bare-bones----Add a background image to the page, or table the photos, or ????? for variety.
A demonstration of the above
(not for the weak-of-stomach)
http://www.geocities.com/williamandx/yulelog.html
Webtv PageBuilder help