How To Hide iframe Border Until Load Page

How To Hide iframe Border Until Load Page

When we use iframe in our website and during page load on the place of iframe showing like box, We can Hides iframe until during page load by using HTML and Javascript.

<iframe src="http://www.example.com"></iframe>

Now Use This Code

By using this code before loading iframe border around iframe will not be appear.

<iframe style="visibility:hidden;" onload="this.style.visibility = 'visible';" src="http://www.google.com" > </iframe>


newest oldest most voted
Notify of
surajchauhan
Guest

That’s good post sir and it’s very usefull

Shadad
Guest