Link to home
Start Free TrialLog in
Avatar of ambulance
ambulance

asked on

Play an animated.gif on page load.

I want to play a "shockwave" file or animate gif, then once it completes automatically load the next page.  That way someone looking (or watching) doesn't have to push a link to go in.
Avatar of RBertora
RBertora
Flag of United Kingdom of Great Britain and Northern Ireland image

Suggestion :Use
  setTimeout(expression, msec)    

to wait until your animation is finished playing, all you need to know is how long it takes to play your image.. and then feed in the time in milliseconds.. I have used 5 seconds here:


<script language="javascript">
 function WitForIt()
  {
     document.location = 'Nextpage.htm'
       }
</script>

<body onload="setTimeout(WitForIt(), 5000)">


regards,
Rob.
Avatar of davlun20080
davlun20080

If you are going to use shockwave or flash, then you can add code to the shockwave or flash file to call a function that will reload the page for you, with the correct url.

This way your users will always see the whole thing without you having to worry about getting the length of your animated gif correct.  This may be a concern if you have a complicated animation, older computers can play it slower, making the timing a little bit off.

If simple animation, time it and use the script RBertora gave you above.
Avatar of ambulance

ASKER

On load, how do I get the shockwave or gif to play automatically?

Once I can figure out how to get it to play right away, I think the script will work.

Thanks for your help!
ASKER CERTIFIED SOLUTION
Avatar of davlun20080
davlun20080

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Okay, thanks. I'll try all of your ideas and get back to you.
You don't really need the setTimeout. Use the meta refresh.
<html><head>
<META http-equiv="Refresh" content="10;URL=https://www.experts-exchange.com/">
. . .
</head>
<body>
. . .
<img src="your-animated image.gif" width=". . ." height=". . . " border="0" alt="">
. . .
</body>
</html>


Will allow your animation to play for 10 seconds then redirect to Experts Exchange.

And as stated earlier use Shockwave/Flash controls to redirect the viewer. (Although the <meta> tag should work for Flash as well.)
This question has been abandoned. I will make a recommendation to the
moderators on its resolution in a week or two. I appreciate any comments
that would help me to make a recommendation.
<note>
   In the absence of responses, I may recommend DELETE unless it is clear
   to me that it has value as a PAQ.  Silence = you don't care
</note>

Cd&
It is time to clean this abandoned question up.  

I am putting it on a clean up list for CS.

<recommendation>
points to davlun20080

</recommendation>

If anyone participating in the Q disagrees with the recommendation,
please leave a comment for the mods.

Cd&
per recommendation

SpideyMod
Community Support Moderator @Experts Exchange