Home :: Forums :: Register :: Sign In :: Links :: Downloads
You are not signed in. Please sign in. If you have not registered, please click here.
Go Back Home >> Forums >> Javascript Help
Reload this Page Help with timeout

Help with timeout

  Post new topicReply to topicPrintable Version
<< View previous topic View next topic >>
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb   More...
#1. Mon May 03, 2004 11:34 pm   Help with timeout
blaa_blaa_69
CZ Newbie
blaa_blaa_69 has been a member for over 4 year's 4 Year Member
Status: Offline
Joined: May 04, 2004
0.00 posts per day
Posts: 1
Points: 104
   
icon_mad.gif
icon_mad.gif icon_mad.gif hey guys i need some help with this. I am trying to make each image fade in one after another. Eg the left image fades in, then the next the next.
I have written this simple script to do it, and if i check the activity log it has loaded the images, but by the time the page is loaded it is on the last image. So I cant get the timeout to work??

<script LANGUAGE="JavaScript">
<!--
if (document.images != null) {
pic0 = new Image();pic0.src = "two0.gif";
pic1 = new Image();pic1.src = "two1.gif";
pic2 = new Image();pic2.src = "two2.gif";
pic3 = new Image();pic3.src = "two3.gif";
pic4 = new Image();pic4.src = "two4.gif";
pic5 = new Image();pic5.src = "two0.gif";
pic6 = new Image();pic6.src = "two1.gif";
pic7 = new Image();pic7.src = "two2.gif";
pic8 = new Image();pic8.src = "two3.gif";
pic9 = new Image();pic9.src = "two4.gif";
pic10 = new Image();pic10.src = "two0.gif";
pic11 = new Image();pic11.src = "two1.gif";
pic12 = new Image();pic12.src = "two2.gif";
pic13 = new Image();pic13.src = "two3.gif";
pic14 = new Image();pic14.src = "two4.gif";
}

function fadeIn() {
for(i=0; i<15; i++) {
if (i < 5) {
document.images['pic1'].src = eval('pic' + i + ".src");
}
if (i < 10) {
document.images['pic2'].src = eval('pic' + i + ".src");
}
if (i < 15) {
document.images['pic3'].src = eval('pic' + i + ".src");
}
}
setTimeout('fadeIn()',50);
}

//-->
</SCRIPT>



</HEAD>

<BODY onload="fadeIn()">


<A HREF="#"><IMG SRC="two0.gif" NAME="pic1" BORDER=0 WIDTH=21 HEIGHT=21></A>
<A HREF="#"><IMG SRC="two0.gif" NAME="pic2" BORDER=0 WIDTH=21 HEIGHT=21></A>
<A HREF="#"><IMG SRC="two0.gif" NAME="pic3" BORDER=0 WIDTH=21 HEIGHT=21></A>
<A HREF="#"><IMG SRC="two0.gif" NAME="pic4" BORDER=0 WIDTH=21 HEIGHT=21></A>
<A HREF="#"><IMG SRC="two0.gif" NAME="pic5" BORDER=0 WIDTH=21 HEIGHT=21></A>
Back to top Reply with quote
#2. Tue May 04, 2004 12:02 am   re: Help with timeout
Telli
Site Admin
Telli has been a member for over 5 year's 5 Year Member
usa.gif florida.gif
Occupation: Self Employed
Age: 37
Fav. Sports Team: Detroit Red Wings
Website: www.codezhost.com
 Status: Offline
Joined: May 26, 2003
4.06 posts per day
Posts: 7793
Points: 491,125
   
setTimeout('fadeIn()',50);


Is about a half a millisecond. try 5000 that 5 seconds.



_________________
The path of the righteous man is beset on all sides by the inequities of the selfish and the tyranny of evil men. Blessed is he, who in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy my brothers. And you will know my name is the Lord when I lay my vengeance upon thee. Ezekiel 25:17
Back to top Reply with quote
Display posts from previous:      
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb   More...
<< View previous topic View next topic >>
Post new topicReply to topic

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum