Home/ Questions/Q 6091801
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T12:22:10+00:00

My background image is decently large. When my page loads, the HTML is rendered

  • 0

My background image is decently large. When my page loads, the HTML is rendered before the background image is loaded onto the page. I would like for the background image to be the first thing to be loaded on the page and then the HTML. Right now it looks weird because without the background image, the text gets pushed up and when the background image is loaded, it all gets pushed to its regular position (not too professional-looking).

Is there anyway in javascript to accomplish this?

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think pre-loading an image is not a solution to you problem since you want the Images to load Before the HTML document is displayed to the user.

    i dont have an exact solution but what i did was show a LOADING image to the user while the page loads up and then hide that loading image when the body and images are completely loaded. to do this

        <body onLoad="document.getElementById('mydiv').setAttribute('style','display:none');">
    <div id=mydiv style="position:absolute;top:0px;left:0px;width:100%;height:100%>
<center> <img src="loading.png>
</center>
</div>


    <!-- Other HTML content here -->

    </body>

    This is just a rough code, hope this helps

    • 0