how to modify this code so the image "loop"

by **jonieto** on Fri Oct 05, 2007 9:54 am

Hello,

I have found this code but I would like the moving image repeat continuously around (is it also possible to add more images?)

Thank you

<html>
<head>
<script type="text/javascript">
var i=1
function starttimer()
{
document.getElementById('myimage').style.position="relative"
document.getElementById('myimage').style.left=+i
i++
timer=setTimeout("starttimer()",10)
}
function stoptimer()
{
clearTimeout(timer)
}
</script>
</head>

<body onload="starttimer()" onunload="stoptimer()">
<img id="myimage" src="smiley.gif" width="32" height="32" />
</body>
</html>

by **dafunkymunky** on Fri Oct 05, 2007 4:37 pm

first of all dont keep on writing document.blahblah everytime. make an object first.

myimg=document.getElementById('myimage')

then you can just write myimg.style.position=whatever

and to get back the img to its initial position you'll have to check the width of the window, which can be done by

"document.body.clientWidth" (this code gives the width of the window)

check if the left postion of the img is greater than the window width.
if true set the img left position to its initial value..

Now to get the window width/height you can also use window.innerWidth but that wont work in IE(F**ked up browser)

by **dafunkymunky** on Fri Oct 05, 2007 4:39 pm

and it is posiible to move more than one imgs. If you want the solution i can give it. But that'll spoil your fun to figuring it out yourself..

how to modify this code so the image "loop"

how to modify this code so the image "loop"

Who is online