• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 358
  • Last Modified:

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.
0
ambulance
Asked:
ambulance
  • 2
  • 2
  • 2
  • +3
1 Solution
 
RBertoraCommented:
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.
0
 
davlun20080Commented:
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.
0
 
ambulanceAuthor Commented:
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!
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
davlun20080Commented:
Shockwave and flash have settings that need to be activated when you are building the file for the server.  Once set, they will activate the play for you all by themselves.

Animated GIF's will play automatically as well, once you load the page (or they should)
0
 
ambulanceAuthor Commented:
Okay, thanks. I'll try all of your ideas and get back to you.
0
 
rongreenCommented:
You don't really need the setTimeout. Use the meta refresh.
<html><head>
<META http-equiv="Refresh" content="10;URL=http://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.)
0
 
COBOLdinosaurCommented:
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&
0
 
COBOLdinosaurCommented:
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&
0
 
SpideyModCommented:
per recommendation

SpideyMod
Community Support Moderator @Experts Exchange
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
  • 2
  • 2
  • +3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now