javascript - Jackhammers not changing on mouseover -
i'm trying image change based on 1 second timer, image stays 1 first object in array code have far is
<!doctype html> <html> <head> <meta charset="utf-8"> <title>lab 8 - jackhammer man</title> <script type="text/javascript"> var jackhammers = new array(); jackhammers[0] = "<img src='images/jackhammer0.gif'>"; jackhammers[1] = "<img src='images/jackhammer1.gif'>"; jackhammers[2] = "<img src='images/jackhammer2.gif'>"; jackhammers[3] = "<img src='images/jackhammer2.gif'>"; jackhammers[4] = "<img src='images/jackhammer4.gif'>"; jackhammers[5] = "<img src='images/jackhammer5.gif'>"; jackhammers[6] = "<img src='images/jackhammer6.gif'>"; jackhammers[7] = "<img src='images/jackhammer7.gif'>"; jackhammers[8] = "<img src='images/jackhammer8.gif'>"; jackhammers[9] = "<img src='images/jackhammer9.gif'>"; jackhammers[10] = "<img src='images/jackhammer10.gif'>"; var curjackhammer; function bounce() { var img = document.getelementsbytagname("img"); var = 0 ; (i = 0; i<10;i++) { if(jackhammers[i].src == img.src) { if(i === jackkhammers.length) { img.src = jackhammers[0].src; break; } img.src = jackhammers[i+1].src; break; } } } </script> </head> <body> <img onmouseover="setinterval(function(){bounce},1000);" onmouseout="clearinternval(fuction(){bounce};" src="images/jackhammer0.gif" id="hammer" name="hammerman" alt="jackhammer man"> </body> </html> the issue i'm coming across mouseover event not activate, having trouble finding error in code debuggers have aren't finding any. trying mouseover function of image changing ever appreciated.
- you have typo if(i === jackkhammers.length)
- jackhammers[x] has no src property value use without .src
instead of
onmouseover="setinterval(function(){bounce},1000);"
write:
onmouseover="setinterval(function(){bounce();},1000);"
Comments
Post a Comment