Home/ Questions/Q 8055725
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T08:28:59+00:00

I need a loading GIF to show up while the iframe is loading. This

  • 0

I need a loading GIF to show up while the iframe is loading.
This is what I came up with:

<div id="m-load" style="position:relative;top:45%;left:45%;">
<img src="images/loader.gif"/></div>
<iframe src="http://myserver.com/myfile.html" id="m-iframe"></iframe>

And in the iframe source file I entered:(myfile.html)

<head>
<script>
top.document.getElementById('m-load').style.display ="none";
</script>
</head>

But this won’t work in Firefox (permission denied).
Any other way of achieving this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to do it on the same page using onload event which fires after all iframes are loaded like this:

    // show loading image

window.onload = function(){
  // hide loading image
}

    <img id="img" src="images/loader.gif"/></div>

<script>
window.onload = function(){
   document.getElementById('img').style.display = "none";
}
</script>
    • 0