Wie kann ich wissen, wenn ajax geladenen Inhalt-finish die Bilder laden?

Ich bin laden von html aus einem ajax-request, und einige img tags.

Muss ich wissen, wenn die geladenen Bilder in der ajax-voll beladen werden, um die Größe der container.
Ich weiß nicht, wie viele Bilder sind das Ergebnis, so kann ich nicht einfach überprüfen Sie die .komplette Wert.

Kennst du eine Lösung dafür?

Danke!

Leandro

InformationsquelleAutor Leandro Ardissone | 2009-05-01

  1. 1

    Wenn Sie die Verwendung von jQuery, die $(window).load() Befehl kann eine Funktion, die aufgerufen werden, sobald alle Bilder geladen sind, wie folgt:

    $(window).load(
    function() {
        //weave your magic here.
    }
);

    Wenn du nicht mit jQuery, ich würde nur das tun, was ich getan habe, wenn ich möchte, eine wenig bisschen von seiner Funktionalität: laden Sie es und überprüfen Sie die Quelle, um zu sehen, wie er es tut. Dann das tun 🙂

    Naja, die ajax lädt die Bilder, wenn der Benutzer es anfordert. Es ist also eine Menge nach, dass der Inhalt geladen werden. Möglich ist die zu benutzen .load () - Funktion in jedem element? vielleicht könnte ich Haken Sie das Ereignis, um die container.

    InformationsquelleAutor paxdiablo

  2. 0

    XMLHTTPrequests haben Eigenschaften, die Sie verwenden können, um zu bestimmen, wenn das laden abgeschlossen ist. Wenn Sie mit javascript direkt, würden Sie brauchen, um eine Funktion zuweisen, um das onreadystatechange-event. Dieser wird jedes mal aufgerufen, dass sich der Status ändert. Die Staaten sind gespeichert in ReadyState und sind:
    0 Uneingeweihten
    1 Laden
    2 Geladen
    3 Interaktive
    4 Komplette

    In Ihrer Funktion prüfen Sie, ob der status ist 4, und rufen Sie die anderen gewünschten Funktionen

    JQuery Ereignisse, die Ihnen sagen, wenn bestimmte Dinge eingetreten sind. Ansicht die AJAX-Dokumentation

    Ja, aber es ist keine Veranstaltung für, wenn die Bilder der resultierenden ajax-request geladen werden. Die .load() ist die Lösung. Trotzdem danke.

    InformationsquelleAutor Sean

  3. 0

    Ok danke Pax, ich habe die Lösung gefunden.

    Auf dem Erfolg Falle der ajax-request (mit jQuery), habe ich folgenden code Hinzugefügt:

    
$('img', this).load(function() {
    resize_element(this);
});

    Dank Euch beiden!

    InformationsquelleAutor Leandro Ardissone

Schreibe einen Kommentar