I would suggest creating a totally separate sub-direcrory and call it slide. Whether or not you store your images there or not is what works best for you.
Basically we are going to create three files and name them start dot html (start.html), music dot html (musc.html) and page1 dot html (page1.html). The easiest way is to name all of the pages in the slide show page2 dot html , page3 dot html etc etc and the last page I named end dot html but you may just redirect the last page to say your home page as an example. The codes for the start page are here.
Let's see what each command does and means for our start page:
<html> standard opening
<head>standard opening
<title>name your site here
</title>standard close
</head>standard close
<frameset bgcolor="navy" rows="*,1"
framespacing="0" border="0" frameborder="no">
The rows element tells the browser to only use 1 pixel of height for music so that the image will open up within the remaining viewing area.
<frame src="page1.html">this is the page the viewer goes to after clicking on the main URL that ends in slide/start.html
<frame src="music.html">This is our music page which will have the codes in this textarea on that page.
</frameset>standard close
<noframes>
<font size="5">
<b>Sorry your browser is not frames capable<br>
WebTV hit Cmd and tap the R key about eight times
</b>
</font>
</noframes>This is a standard <noframes> tag to tell exactly what the text says and what you use from <noframes> to the close of </noframes> is your decision.
</html>standard close
The above takes you to the next page which in this case is page 3 then page 3 takes you to page 4 and so forth and so on. These two tags:
<link rel="next" href="slide/page3.html">
<meta http-equiv="refresh" content="10;url=page3.html">
move the slide show from one page to another and also controls the timing before you go to the next page. The above is 10 and that's seconds and the link tag is a pre-loading tag. I have two slide shows which use this format which may be viewed here and here. This tutorial uses relative URL's and only FYI to go from a sub-directory to another is why I use ../ in front of the relative URL and their use certainly enhances loading time.
If you want a slide show for pagebuilder then click here. My grateful thanks to Minimoo and Jerry Hollingshead for their advice and expertise.
