Printed from BasicTips.com, FREE helpful articles and tips for Webmasters and Business Owners
Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.BIZ
All rights reserved. Republication in whole or in part in any form is not permitted.

Sponsored by BasicTemplates.BIZ
Website Templates with External CSS and Removable Graphics
http://www.BasicTemplates.biz

Co-Sponsored by Effective-Website-Secrets.com
Teaching webmasters effective web development and marketing techniques via free podcasts.
http://www.Effective-Website-Secrets.com

Category: Web Design
HTML Slideshow: 5 Easy Steps
By BasicTemplates with External CSS

Did you know that you can use the "http-equiv refresh" function of the meta tag to progressively load a sequence of web pages which in effect creates a slideshow without any type of server or client-side scripting? Follow the quick and easy five step procedure below, and you will be on your way to creating an instant HTML slideshow for your site visitors.

1. Create six HTML pages and name them frame1.html, frame2.html, frame3.html, frame4.html, frame5.html and frame6.html. Add your own text to the pages.

2. Then within the web page that will be linking to the slideshow (index.html for example), create a link that states something like this: View Our Slideshow (note that this hyperlink is linked to frame1.html)

3. Open frame1.html and add the following meta tag code below between the head tags. Note that the URL we specified is directing the refresh to page2.html after 12 seconds: <meta http-equiv="refresh" content="12;url=frame2.html">

4. Then open frame2.html and add the same code in the same location taking care to edit the refresh to frame3.html. Do this on each of the six pages you created in step 1. In frame6.html (or the last page) you can have the slideshow refresh redirect your visitor to another page on your site by simply editing the page name in the http-equiv code of step 3.

5. You can edit the 12 seconds to whatever you wish and you can create as many HTML pages with refresh redirectors too. Just remember to edit the page name where you want the page to take your visitors next.

Above all have fun! And don't forget to view our HTML Slideshow to see how it is done.