60 users online (1 members and 59 guests)  


  Results 1 to 2 of 2

Related

  1. CSS 3.0 animation features    Forum: CSS Forum
    Replies: 0
  2. basic animation    Forum: Javascript Forum
    Replies: 1
  3. HELP!Animation with perl    Forum: CGI Perl Forum
    Replies: 2
  4. problems with animation    Forum: Graphics Forum
    Replies: 1
  1. #1
    dawkim's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2004
    Posts
    4

    Angry Animation problem

    I cannot seem to load the images needed for an animation of some gif images. Here is the code:

    <HTML>
    <HEAD>
    <TITLE>Animated Helicopter</TITLE>
    <SCRIPT LANGUAGE="JavaScript">



    anims = new Array(35);
    var frame = 0;
    var timeout_state = null;

    function imageLoad() {
    for(var i = 0; i<35; i++) {
    anims[i] = new Image();
    anims[i].src = "anim" + i + ".gif";
    }
    }

    function animator() {
    document.animImage.src = anims[frame].src;
    frame = (frame + 1);
    if(frame >= 35) {
    frame = 0;
    }
    timeout_state = setTimeout("animator()", document.animForm.Speed_Setting.value);
    }

    function buttonCheck() {
    if(document.animForm.animButton.value == "Start") {
    document.animForm.animButton.value = "Stop";
    animator();
    } else {
    document.animForm.animButton.value = "Start";
    clearTimeout(timeout_state);
    timeout_state = null;
    }
    }
    function anim_findObj(n, d) {
    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=anim_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function anim_validateForm() {
    var i,p,q,nm,test,num,min,max,errors='',args=anim_vali
    dateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=anim_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
    if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
    if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
    } else if (test!='R') { num = parseFloat(val);
    if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
    if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
    min=test.substring(8,p); max=test.substring(p+1);
    if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.anim_returnValue = (errors == '');
    }

    </SCRIPT>
    </HEAD>
    <BODY onLoad="imageLoad()" BGCOLOR="#FFFF33">
    <P><img src="http://protectplus.net/images/anim0.gif" width="1133" height="219" name="animImage">
    <FORM NAME="animForm">
    <div align="center"><font color="#FF6600"><b><font size="6">Flying Helicopter
    Animation</font></b></font> </div>
    <p align="center"> </p>
    <p> </p>
    <ul>
    <li><font size="5">Click Start to start the helicopter in motion.</font></li>
    <li><font size="5">Click Stop to stop the helicopter.</font></li>
    </ul>
    <p align="center">
    <INPUT TYPE=button VALUE=Start NAME="animButton" onClick=buttonCheck()>
    <INPUT NAME="Speed_Setting" TYPE=text id="Speed_Setting" onBlur=" anim_validateForm('Speed_Setting','','RinRange25:4
    00');return document.anim_returnValue" VALUE=175>
    Speed Setting </p>
    <p align="center"><font color="#009900" size="5">Adjust the speed by changing
    the number in the Speed Setting box.</font></p>
    <p align="center"><font color="#009900" size="5">The lower the number the faster
    the helicopter flies.</font></p>
    <p align="center"><font color="#000000" size="4">(Numbers must be between 25 and 400)</font></p>
    </FORM>
    <p align="center">
    <SCRIPT>
    document.animForm.animButton.value = "Start";
    document.animForm.Speed_Setting.value = 175;


    </SCRIPT>
    </p>
    <p align="center"> </p>
    </BODY>
    </HTML>

    The gif images are residing in images directory in public_html.
    The page is at http://www.protectplus.net/Lab5.html
    I have a function imageLoad() to preload the images but it doesn't seem to work.
    Anyone have an idea that would help?

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Just while glancing at your code, are your images all named anim1.gif, anim2.gif etc? thats the way the script is calling them.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Tags for this Thread