Display header image before text shows

[lilpenny1316]

Hi,

I'm building a website for a client and they wish to have the header image load and appear before any text is viewable. So basically, when you go to http://www.website.com, the header graphic must load and be seen completely, and then the remaining content shows up. I was given some code to use as the workaround but it does not accomplish the task. I will paste the code here and the test url is http://www.sanhandesign.com/smbizcentral/test.html

Here is the code. Thanks!












text to wait

[Force Flow]

You could try the code I wrote below, but I wouldn't reccommend this technique, especially since this is a business and javascript isn't *always* enabled in browsers.

Bascially, I'd tell the guy (not in these exact words of course, but the general sentiment) no to not be so picky and you don't really have control over how fast or slow users download webpages. That's why the image may or may not load before the rest of the text, and that the HTML code downloads first before the images, since the images are only tags in the HTML.

[edit]: the code is attached...it wouldn't display properly here in the CODE tags.


In this code, I added an "onload" function in the body tag to call the "doShow" javascript function. once the body loads completely, this will be called and unhide the "content" div.

I've included two other javascript functions...a doHide(), which does the opposite of doShow(), and a doShow_inline, in case you have problems when it displays the "content" div as a block element (although I've only needed this in one specific case).

[Force Flow]

[edit]:

I visited the link and something's not right....it should not be taking that long to load the yellow text along the side. Also, ,I can't view the source code.

Something's wrong with loading...it just sits there. I was able to open the source code in firefox and saw you were using FONT tags.

In a word, don't. Use CSS for styling and a doctype tag at the top. Use either HTML 4.01 strict or XHTML 4 strict.