Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
a simple slide show for family home page
- Thread starter liz3
- Start date
What you want to do is a Microsoft PowerPoint presentation saved as HTML. They use this technique for kiosks and such. It creates the slide on the right side, and a sort of frame on the left listing all the titles of the slides. The user can click the titles to go to a specific slide. You can also add navigation buttons to slide itself. It'll save each slide as an HTML file, plus a directory with the same title as the slide, which contains all the graphics to accompany it.
However, this kind of HTML file can only be viewed in Internet Explorer--it doesn't work in Netscape.
Linda Adams
Garridon@aol.com
I'm a professional writer, published internationally.
However, this kind of HTML file can only be viewed in Internet Explorer--it doesn't work in Netscape.
Linda Adams
Garridon@aol.com
I'm a professional writer, published internationally.
I have a great slideshow solution for you and it is absurdly easy. Use a "redirect" on the slide pages. A redirect is something you've seen when you get to a page that has moved and usually says something like "If you aren't taken to the new site in 5 seconds, click here."
Create a page for each slide. I center the tables on my page so that they are all positioned the same (because the whole page is going to change, unless you do it in frames)
You can put anything on the page you want, text and images. At the top of each page copy/paste this javascript between the <head> and </head>
<script language="JavaScript">
<!--
// pause_time determines the length of pause after the page
// is loaded until it transfers
// 0 = 0 seconds
// 5000 = 5 seconds
// 10000 = 10 seconds
pause_time = 2000;
// transfer_location is either the relative or full URL
// of the page to which you want it to transfer you
transfer_location = "slide5.htm";
function transfer() {
if (document.images)
setTimeout('location.replace("'+transfer_location+'"
;',pause_time);
else
setTimeout('location.href = transfer_location;',pause_time);
}
// -->
</script>
All you need to change in the script is the time (where it says 2000 is 2 seconds) and the transfer location (this one would lead to the next page which is slide5.htm
The time you set will begin after the whole page has fully loaded.
If that javascript gets trashed (sometimes code doesn't go thru message boards well) I can send it to you by email.
I have two of these "faux slide shows" at cybergalleries.com. They drive me nuts but we get great feedback on them. The first one is our intro done in full pages, the second one uses frames so that only a portion of the page is used for the "slide show".
You can do a demonstration or tutorial the same way and look impressive
bunni@bunni.com
Create a page for each slide. I center the tables on my page so that they are all positioned the same (because the whole page is going to change, unless you do it in frames)
You can put anything on the page you want, text and images. At the top of each page copy/paste this javascript between the <head> and </head>
<script language="JavaScript">
<!--
// pause_time determines the length of pause after the page
// is loaded until it transfers
// 0 = 0 seconds
// 5000 = 5 seconds
// 10000 = 10 seconds
pause_time = 2000;
// transfer_location is either the relative or full URL
// of the page to which you want it to transfer you
transfer_location = "slide5.htm";
function transfer() {
if (document.images)
setTimeout('location.replace("'+transfer_location+'"
;',pause_time);else
setTimeout('location.href = transfer_location;',pause_time);
}
// -->
</script>
All you need to change in the script is the time (where it says 2000 is 2 seconds) and the transfer location (this one would lead to the next page which is slide5.htm
The time you set will begin after the whole page has fully loaded.
If that javascript gets trashed (sometimes code doesn't go thru message boards well) I can send it to you by email.
I have two of these "faux slide shows" at cybergalleries.com. They drive me nuts but we get great feedback on them. The first one is our intro done in full pages, the second one uses frames so that only a portion of the page is used for the "slide show".
You can do a demonstration or tutorial the same way and look impressive
bunni@bunni.com
- Status
Similar threads
- Locked
- Question