How to preload iframe

Question

function toggle(){
    $(\"#tempc\").toggle(
        function () {
            $(\"#tempc\").animate({width: 255, height: 220}, 1000);
            $(\"#tempc\").html         


        

Answer 1

With JQuery, you don't need to use iframes. Take a look at the .load() function. http://api.jquery.com/load

i.e.

$('#tempc').load('src/stream.php?stream=1');

To preload a page, just create a hidden div and show it when ready.

var stream2 = $('<div>').load('src/stream.php?stream=2').hide();
$('#tempc').html(stream2.html());

Answer 2

Start by loading the iframe, hook into onLoad on the iframe (this might give you a headache in itself, but a little googling should show you how to make this work well cross browser) and run your animation from this event.