Solved

delay gif animation until page loads

Posted on 2001-06-14
7
315 Views
Last Modified: 2012-05-12
I would like my default page to load and display the backgroung image entirely before showing a gif animation.
How can I do this?

Thanks,

Don
0
Comment
Question by:monross
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
7 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6193000
If the background is large and slow loading, then the only way you are going to get it up on the page before the gif consistently is to cache it.

You need to force the load so set up a dummy page
<html>
<head>
</head>
<body background="blah.jpg" onLoad=window.location="realpage.htm">
</body>
</html>

You name the dummy page file whatever the url for the page is now and keep the actual page in another file.  When the page is requested.  The dummy gets sent to the browser and the background gets cached.  As soon a the background image is loaded the onLoad event of the body loads the real page the background image is already cached on the client, so it gets rendered before the gif.

Cd&

0
 

Expert Comment

by:preeth
ID: 6193998


Its fine COBOLdinosaur, but it is working in ie but not in netscape. can try this in natscape.

i.e the background="d:/jsp/img/indianews.jpg" property is not working in netscape.

Preeth
0
 

Expert Comment

by:preeth
ID: 6194003
Sorry its working in netscape also

Preeth
0
Industry Leaders: 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!

 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 50 total points
ID: 6194869
Great.  I'll make that an answer then.

Cd&
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6225066
?monross/preeth?  Same person?

Cd&
0
 

Expert Comment

by:ComTech
ID: 6279370
Dual login's...need to check.

The Answer will be accepted and moved to PAQ.

ComTech
Community Support Moderator
contech@experts-exhange.com

0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6280421
Thanks CT :^)

Cd&
0

Featured Post

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!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question