to home page

BWRS
SEARCH

HOMETUTORIALSLINKSFORUMGLOSSARYNEWS
 
COOL TIPS >
SLIDE SHOW    

Create a Slide Show

Many image sites on the net use a slide show

Try out this example of slide show (needs JavaScript enabled browser)

 

The technique relies on using <meta> tags with refresh attributes

<meta> tags go between <head> and </head> tags on an HTML document (composer and frontpage express users should use add HTML functions for this)

Lets set up a simple example with a page that changes after 20 seconds

click here for example

These pages are coded as follows

The start page has a simple link to slide1.htm in a new window (i.e.. target="_blank") just coded as normal

i.e.
<a href="slide1.htm" target="_blank">
click here for example</a>

slide1.htm is coded as follows

<html>
<head>
<meta http-equiv="refresh" content="10; URL=slide2.htm">
</head>
<body>
THIS IS SLIDE 1
</body>
</html>

It is the Content =" " that defines the properties of the page "refresh". The 20; determines how long the page is present in seconds and the URL=... defines the target page

slide2.htm is the same as slide1.htm except the URL=slide3.htm and the text between <body> tags is different

Its is good practice to include an escape link on these pages as not all browsers will support this

(Frontpage express and composer users only need to put <meta http-equiv="refresh" content="10; URL=slide2.htm"> between the head tags and then can on normal mode create a message with a backup link)

we teach you how to do the menu-less window used in the photo album example elsewhere)

This is essentially a manipulation of the refresh property of meta tags (for more see here)


back to Index
BACK TO INDEX