jrbk

jrbk


  • Name: Bill
  • Favorite Languages: html
  • Website: [not set]
  • Location: New England
  • About Me:
    I know enough code to be dangerous

Recent Comments

  • 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;
    }