Improve company productivity with a Business Account.Sign Up

x
?
Solved

delay gif animation until page loads

Posted on 2001-06-14
7
Medium Priority
?
328 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
  • 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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 200 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

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

580 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