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>


Kansas City Airport Shuttle

Kansas City Airport Shuttle is the premier Airport Transportation service in Kansas City. Kansas City Airport Car Service provides Kansas City travelers transportation to and from Kansas City International Airport, Lawrence, Topeka, Manhattan, Fort Riley, and Junction City Kansas.

2
Leave a Reply

avatar
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
Shadadsurajchauhan Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
surajchauhan
Guest

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

Shadad
Guest