Search code examples
javascriptiframedelay

Delay load of iframe?

I know there are some tools and techniques for delaying the load of javascript, but I have an iframe that I would like to delay loading until after the rest of the page has finished downloading and rendering (the iframe is in a hidden that will not be revealed until someone clicks on a particular tab on the page. Is there a way to delay the load of an iframe? Any suggestions would be much appreciated. Thanks!

Solution

  • with jquery it is easy!

    either enclose your code which loads the iframe within a $() or use $(document).ready(function(){}) these both are the same and would execute your code after the DOM is ready!

    e.g.

    $(document).ready(function(){
    $('iframe#iframe_id').attr('src', 'iframe_url');    
});

    see more at http://www.learningjquery.com/2006/09/introducing-document-ready