jrbk

jrbk
- Name: Bill
- Favorite Languages: html
- Website: [not set]
- Location: New England
- About Me:
I know enough code to be dangerous
-
Javascript Tutorial - Simple Fade Animation
09/29/2010 - 15:08
I am not a coder. I have read through and don't see what I am looking for. I have this java script (seen below) and would like to add the fade effect to it. Any suggestions on how to do that?
}
var n = 0;
timedelay = 5;
timedelay *= 1000;
//windowprops = "top=250,left=15,width=200,height=200";
windowprops = "toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes"
var imgs = new Array();
imgs[0] = "images/1.jpg";
imgs[1] = "images/2.jpg";
imgs[2] = "images/3.jpg";
var page = new Array();
page[0] = "";
page[1] = "";
page[2] = "";
function hook() {
var p = (n == 0) ? page[page.length-1] : page[n-1];
window.open(p,"",windowprops);
//document.location.href=p;
}
function rotate() {
document.picform.slideshow.src = imgs[n];
(n == (imgs.length - 1)) ? n = 0 : n++;
window.setTimeout("rotate()", timedelay);
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]
=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;
x.src=a[i+2];}
}
window.onload = rotate;
// End -->
// End -->
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function Require(obForm,szFields)
{
var fields = szFields.split(",")
var szMissing= new Array();
for (x=0;x<fields.length;x++) {
if (obForm.elements[fields[x]].value.length==0) {
szMissing[szMissing.length]=new String(fields[x]);
}
}
if (szMissing.length) {
alert("All fields are required");
return false
}
return true; -IE
}
function changeText2(){
var userInput = document.getElementById('hisname').value;
document.getElementById('hisher').innerHTML = userInput;
return true;
}
function changeText1(){
var userInput = document.getElementById('urname').value;
document.getElementById('urname2').innerHTML = userInput;
document.getElementById('urname3').innerHTML = userInput;
return true;
}
function changeText3(){
var userInput = document.getElementById('greeting').value;
document.getElementById('greeting2').innerHTML = userInput;
return true;
}
Recent Comments