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>