html - image array using in javascript with setTimeout()method -
i new js. here code .where created array of images , called function bounce move image , down. stuck on here, don't know error is.please 1 help me out.whats wrong in code.
<html> <head><title>bouncing ball</title> </head> <script language="javascript"> var imagearray=new array(); imagearray[0]=new image(); imagearray[0].src="image/ball.jpg"; imagearray[1]=new image(); imagearray[1].src="image/ball1.jpg"; imagearray[2]=new image(); imagearray[2].src="image/ball2.jpg"; imagearray[3]=new image(); imagearray[3].src="image/ball3.jpg"; imagearray[4]=new image(); imagearray[4].src="image/ball4.jpg"; imagearray[5]=new image(); imagearray[5].src="image/ball5.jpg"; function bounce(){ settimeout("document.images['ball'].src=imagearray[0].src",100); settimeout("document.images['ball'].src=imagearray[1].src",200); settimeout("document.images['ball'].src=imagearray[2].src",300); settimeout("document.images['ball'].src=imagearray[3].src",400); settimeout("document.images['ball'].src=imagearray[4].src",500); settimeout("document.images['ball'].src=imagearray[5].src",600); settimeout("document.images['ball'].src=imagearray[4].src",700); settimeout("document.images['ball'].src=imagearray[3].src",800); settimeout("document.images['ball'].src=imagearray[2].src",900); settimeout("document.images['ball'].src=imagearray[1].src",1000); settimeout("document.images['ball'].src=imagearray[0].src",1100); } </script> <body bgcolor="white"> <p><center><img src="image/ball.jpg" name="ball" width="75" height="300"><center></p> <center> <p><input type="button" onclick="bounce()" value="bounce ball."></p> </center> </body> </html> javascript html
No comments:
Post a Comment