Précharge iframe

        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);
        });

Bonjour stackoverflow,

Il y a un moment j'étais en train d'animer un div, et bien, il fonctionne maintenant, une seule chose.
Lors de la première fonction est activée (à partir de la ligne 3), et de l'iframe est chargé. Mais maintenant, comment puis-je précharge que l'iframe? Parce que lorsque l'animation est terminée l'iframe n'est pas chargé...

Salutations

OriginalL'auteur Thew | 2011-02-03

  1. 5

    Avec JQuery, vous n'avez pas besoin d'utiliser des iframes. Jetez un oeil à l' .fonction load (). http://api.jquery.com/load

    c'est à dire

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

    Pour le chargement d'une page, il suffit de créer un div caché et de le montrer lorsque vous êtes prêt.

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

    OriginalL'auteur js1568

  2. 1

    Commencez par charger l'iframe, crochet en onLoad sur l'iframe (cela peut vous donner un mal de tête en lui-même, mais une petite recherche sur google devrait vous montrer comment faire cela de la croix-navigateur) et exécutez votre animation de cet événement.

    OriginalL'auteur Martin Jespersen