plzzzz.help me out

ajay007_bond · #1 (**permalink**) 06-15-05, 04:10 PM

How to animate stored satellite images since 1hr back,2hr back,3 hr back...so on...

and we have to set up the control like fast,slow,very slow....

Is there any script to do this way

TwoD · #2 (**permalink**) 06-16-05, 07:00 AM

What kind of animation? If you want a simple replace-this-image-with-this-image-after-a-set-amount-of-time-animation My suggestion would be to do something like this:

Code:

<head>
<script>
var millisecondsBetweenSwaps=3000
var Images = new Array("Image1.jpg","Image2.jpg","Image3.jpg")
var Preloads=new Array()
var imageNum=0

for(var i=0;i<Images.length;i++){
 Preloads[i]=new Image()
 Preloads[i].src=Images[i]
}

function swap(){
 document.getElementById('ImageHolder').src=Preloads[(imageNum=(imageNum+1)%Preloads.length)].src
}
swap()
setInterval("swap()",millisecondsBetweenSwaps)
</script>
</head>
<body>
<img id="ImageHolder">
</body>

Note: Untested code

ajay007_bond · #3 (**permalink**) 06-16-05, 11:38 AM

I need to place the controls like fast, slow,very fast to adjust the movement of satellite images.......

and Moreover I need to keep the controls like 1hour back,2 hour back,3 hour back images ...as control buttons

TwoD · #4 (**permalink**) 06-16-05, 01:19 PM

To set different speeds, place a button like this:

Code:

//Change setInterval("Swap()",millisecondsBetweenSwaps) to var timer = setInterval("Swap()",millisecondsBetweenSwaps)
<input type="button" value="Slow" onclick="clearInterval(timer);millisecondsBetweenSwaps=5000;timer=setInterval('Swap()',millisecondsBetweenSwaps)">
<input type="button" value="Fast" onclick="clearInterval(timer);millisecondsBetweenSwaps=3000;timer=setInterval('Swap()',millisecondsBetweenSwaps)">
<input type="button" value="Very Fast" onclick="clearInterval(timer);millisecondsBetweenSwaps=1000;timer=setInterval('Swap()',millisecondsBetweenSwaps)">

To move between different images, add this:

Code:

<input type="Button" value="Back 1 hour" onclick="clearInterval(timer);imageNum-=2;swap();setInterval('Swap()',millisecondsBetweenSwap)">
<input type="Button" value="Back 2 hours" onclick="clearInterval(timer);imageNum-=3;swap();setInterval('Swap()',millisecondsBetweenSwap)">
<input type="Button" value="Back 3 hours" onclick="clearInterval(timer);imageNum-=4;swap();setInterval('Swap()',millisecondsBetweenSwap)">

Note: Still untested.
Edit: Weird, the forum inserts spaces into my code