Solved

delay gif animation until page loads

Posted on 2001-06-14
7
314 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
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!

 
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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Disable selected option from one select box when selected in another select box 26 65
HTML5 storage and web apps 11 44
Non-Resizable Pharagraph 2 17
Two decimal 5 25
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
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).

685 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