AJAX

Loading bar

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Apr 2008

Posts: 496

Reputation: veledrom is an unknown quantity at this point

Solved Threads: 0

veledrom

Offline

Posting Pro in Training

Loading bar

Apr 1st, 2009

Hi,

I have a loading bar gif to be displayed initially, until main image (1MB) is loaded in my web page. How can i do it?

Thanks

•

Join Date: Apr 2007

Posts: 437

Reputation: Fungus1487 is on a distinguished road

Solved Threads: 50

Fungus1487 Fungus1487 is offline

Offline

Posting Pro in Training

Re: Loading bar

Apr 4th, 2009

just add a function to the onload method of the document this will fire when the page has finished loading all external content. You can use this then to hide your gif after the page is done.

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<html>
    <head>
    <script language="javascript" type="text/javascript">
        function hideLoading() {
            document.getElementById('loadingMessage').style.display = 'none';
        }
    </script>
    </head>
    <body onload="hideLoading();">
        <div id="loadingMessage">
            <img src="loading_image.gif" />
        </div>
        <img src="your_massive_image.jpg" />
    </body>
</html>
<html>
    <head>
    <script language="javascript" type="text/javascript">
        function hideLoading() {
            document.getElementById('loadingMessage').style.display = 'none';
        }
    </script>
    </head>
    <body onload="hideLoading();">
        <div id="loadingMessage">
            <img src="loading_image.gif" />
        </div>
        <img src="your_massive_image.jpg" />
    </body>
</html>