Can someone help me out with this.
Here is what i am trying to do. I have an image of size 310x310. Initially i am displaying only 50x50 using clip property. Later using setTimeout property i am trying to get the entire image so that it looks like animation. But this doesn't happen with the code below
[HTML]<html>
<head>
<style type="text/css">
.img1
{
position:absolute;
clip:rect(0px 50px 50px 0px)
}
</style>
<script type="text/javascript">
function start() {
var x=document.getElementById("img1");
x.style.clip.right+=10;
x.style.clip.bottom+=10;
if (x.style.clip.right<310)
setTimeout("start()",10);
else return;
}
</script>
</head>
<body onLoad="start();">
<p>The clip property is here cutting an image:</p>
<p><img id="img1" class="img1" border="0" src="Kiva_Logo.jpg" width="310" height="310"></p>
</body>
</html>[/HTML]