Your Best Hosting
Solution
Keeping it Simple

  Main Menu
    • Home Page
    • About Us
    • Hosting Plans
    • Register Domains
    • The Good Stuff
    • Member Area
    • Support Ticket
  Free Extras
    • Free Domain Name
    • RVSiteBuilder
    • WebTraxEditor
    • Tutorials
    • And Much More
  Important Information
    • 90 Day Free Trial
    • Our Guarantee
    • F A Q
  Contact Information
    • Contact Us
    • Our Forum
  Site Map
    • Site Map

Back to Previous Page






Basic Slide Show
What it's all about:

This slideshow allows you to browse through the images manually or automatically. Easily customize this slideshow to fit your site!

How to install this script:
TWO STEPS TO INSTALL BASIC SLIDESHOW:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document

STEP ONE: Paste this code into the HEAD of your HTML document

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Canonigo (mike@canonigo.com) -->
<!-- Web Site: http://www.munkeehead.com -->

<!-- Begin
NewImg = new Array (
"images/1.gif",
"images/2.gif",
"images/3.gif"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 3000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;

}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End -->
</script>

</HEAD>

STEP TWO: Copy this code into the BODY of your HTML document

<BODY>

<img src="images/1.gif" name="slideshow">
<table>
<tr>
<td align="right"><a href="javascript:chgImg(-1)">Previous</a></td>
<td align="center"><a href="javascript:auto()">Auto/Stop</a></td>
<td align="left"><a href="javascript:chgImg(1)">Next</a></td>
</tr>
</table>
 

Copyright 2006 WebSiteTrax - Hosted by WebSiteTrax.com