Предварительная загрузка iframe

Question

        function toggle(){
            $("#tempc").toggle(
                function () {
                    $("#tempc").animate({width: 255, height: 220}, 1000);
                    $("#tempc").html("");
                    $("#tempc").css("background-color", "transparent");
                    $("#tempc").html("<iframe src='/src/stream.php?stream=1' width='255' height='225' frameborder='0' scrolling='no'></iframe><br><a href='javascript:;' onclick='hidegadget();' class='yellowblock'>Sluit</a>");
                },
                function () {
                    $("#tempc").animate({width: 50, height:50}, 1000);
                    $("#tempc").html("");
                    $("#tempc").css("background-color", "#FFFF00");

                    $.get('src/stream.php?stream=2', function(data002) {
                        $('#tempc').html(data002);
                    });
                }
            );
        }

        $.get('src/stream.php?stream=2', function(data002) {
            $('#tempc').html(data002);
        });

Hello stackoverflow,

Некоторое время назад я пытался анимировать div, ну, теперь он работает только в одном.Когда активируется первая функция (начальная строка 3) и загружается iframe.Но как я могу предварительно загрузить этот iframe?Потому что, когда анимация заканчивается, iframe не загружается ...

Привет

Answer 1

С JQuery вам не нужно использовать фреймы.Посмотрите на функцию .load ().http://api.jquery.com/load

т.е.

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

Чтобы предварительно загрузить страницу, просто создайте скрытый div и покажите его, когда будете готовы.

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

Answer 2

Начните с загрузки iframe, подключитесь к onLoad в iframe (это само по себе может вызвать головную боль, но небольшое прибегание к поиску в Google должно показать вам, как это работает хорошо в разных браузерах) и запустить анимацию из этого события..