Articles Tutorials Work at Home Entrepreneurs, Webmasters, Small Business Owners
Articles Tutorials Work at Home Entrepreneurs, Webmasters, Small Business Owners
Articles & Tutorials for Work at Home Entrepreneurs
Webmasters and Small Business Owners
Get More >

Newest Articles 
Search Engine Marketing
Internet Marketing
Affiliate Marketing
Email Marketing
Viral Marketing
Webmaster Resources
Business Resources
Make More Money
CSS
Web Design
Graphic Design
Color Theory
Product Reviews
Time Management
Business Ethics
Promotional Strategies
Glossary of Terms
Direct Mail Marketing
Telemarketing
Product Sourcing



Link to Us!

Web Design
Email this article  :  Printer friendly page

HTML Slideshow: 5 Easy Steps

HTML Slideshow
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.

Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.com, CSS HTML Web Site Templates with Exernal CSS and Removable Graphics. If you found our articles helpful, subscribe to our newsletter and get articles like this delivered to your inbox - FREE.

Order soon and get up to 5 FREE domains & more!
Host 6 Domains on 1 Account
5000MB and 400GB for $6.95 a month!

 

Page copy protected against web site content infringement by Copyscape
All articles are originally authored by BasicTemplates.com. Reprints in whole or in part are not permitted. See Copyright Notice

Copyright © 1994-2006 BasicTips.com, a division of BasicTemplates.com, Web Site Templates with External CSS
The Internet's #1 Choice for HTML CSS Web Templates via a Membership. Designed using External CSS and Removable, Swap-Out Graphics.
Basic Web Templates | Website Templates | HTML CSS Templates | Web Design Templates | Web Site Templates