<center> <b> <font color="darkred" size="5"> Webtv Glitch -- JS Failure -- Reload Page</font></b> </center>
Slideshows using meta tags

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

INKC and Alternative Music

dmtgkz

1