Free JavaScripts

BACK TO FREE JAVASCRIPTS BUTTON CHANGE ON CLICK

CHANGES IMAGES

IMAGE SLIDESHOW

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var n = 0;

timedelay = 3;  // 3 secs between pics
timedelay *= 1000;

windowprops = "top=250,left=15,width=200,height=200"; // customize the popup window here

var imgs = new Array();
imgs[0] = "http://www.your-site.com/images/image1.gif";
imgs[1] = "http://www.your-site.com/images/image2.gif";
imgs[2] = "http://www.your-site.com/images/image3.gif";
imgs[3] = "http://www.your-site.com/images/image4.gif";

var page = new Array();
page[0] = "http://www.your-site.com/page1.html";
page[1] = "http://www.your-site.com/page2.html";
page[2] = "http://www.your-site.com/page3.html";
page[3] = "http://www.your-site.com/page4.html";

function hook() {
var p = (n == 0) ? page[page.length-1] : page[n-1];

window.open(p,"",windowprops);

// or, instead of opening a new window, 
// send them to the new page instead with:
// document.location.href = p;

}

function rotate() {
document.picform.slideshow.src = imgs[n];
(n == (imgs.length - 1)) ? n = 0 : n++;
window.setTimeout("rotate()", timedelay);
}
window.onload = rotate;
//  End -->
</script>
</HEAD>

<BODY>

IMAGE FORM

<!--   DESCRIPTION:  This will create a form where you can have
images as the SUBMIT and RESET buttons.  The Reset button will
not work in IE.

INSTRUCTIONS:  Place part of this script in between the HEAD
tags and the other part in the BODY of your webpage.   Change the 
size and color of the text to suit your liking.  The FORM is designed
to work off of the users e-mail program but you can change the ACTION 
in the form to reflect a CGI script such as FormMail.  Keep in mind you
will need to rename the submitbutton.gif and the resetbutton.gif to 
the images you will be using in your webpage.

FUNCTIONALITY: Does NOT workin both Netscape & IE. IE will 
not reset the data when you click on the reset button.
-->

function proc() {

document.forms[0].reset()

}

function announce() {

alert('Submitting your information now...')

}

function respond() {

alert('Your data has been erased.')

}

</SCRIPT>

</HEAD>

<BODY>

<FONT FACE="VERDANA,ARIAL" SIZE=4>
<P>
<DT><B>Name:</B> 
<DD><INPUT TYPEe="text" SIZE="20" NAME="Name">
<P>
<DT><B>E-Mail Address:</B> 
<DD><INPUT TYPEe="text" SIZE="20" NAME="E-Mail">
<P>
<DT><B>State:</B> 
<DD><INPUT TYPEe="text" SIZE="20" NAME="State">

</FORM>

<P><BR>