Ergebnis 1 bis 6 von 6
  1. #1
    Scoobay ist offline Mitglied
    registriert
    28-10-2007
    Beiträge
    48

    Bild erst anzeigen, wenn fertig geladen

    Hmm - irgentwie bin ich gerade zu blöd mit Google ne Lösung zu finden.

    Also: Wie bringe ich es mit Hilfe von JavaScript zu stande, dass ein Bild erst angezeigt, wird, wenn es wirklich fertig ist?

    Soll son lustiger Preloader werden - aber das schaff ich dann schon noch selber
    2 hours of try and error can save 10 minutes of reading!

  2. #2
    cybaer ist offline Kaiser
    registriert
    12-09-2006
    Beiträge
    1.338

    AW: Bild erst anzeigen, wenn fertig geladen

    Zitat Zitat von Scoobay Beitrag anzeigen
    Hmm - irgentwie bin ich gerade zu blöd mit Google ne Lösung zu finden.
    Mit SELFTHTML sollte man es zusammenbasteln können.

    IMG - mit JS unsichtbar machen - einen onLoad-Eventhandler setzen - im onLoad-Event Bild sichtar machen
    Gruß, Cybaer

  3. #3
    Scoobay ist offline Mitglied
    registriert
    28-10-2007
    Beiträge
    48

    AW: Bild erst anzeigen, wenn fertig geladen

    Stimmt - ist im Groben ja supersimpel :-)

    PHP-Code:
    style="visibility:hidden" onload="this.style.visibility='visible'" 
    2 hours of try and error can save 10 minutes of reading!

  4. #4
    cybaer ist offline Kaiser
    registriert
    12-09-2006
    Beiträge
    1.338

    AW: Bild erst anzeigen, wenn fertig geladen

    Zitat Zitat von Scoobay Beitrag anzeigen
    Stimmt - ist im Groben ja supersimpel :-)

    PHP-Code:
    style="visibility:hidden" onload="this.style.visibility='visible'" 
    Ja, im "Groben" - der Teufel steckt im Detail!

    Ich schrieb: "mit JS unsichtbar machen", nicht "mit CSS unsichtbar machen"! Setz am Besten den visibility-Style des Bildes mittels JS direkt nach dem IMG auf hidden - oder vor dem IMG ein Container-Element auf hidden, in dem das IMG drin ist.

    Sonst werden User mit deaktiviertem JS auf die Anzeige des Bildes verdammt lange warten ...

    ... und man sollte, aus Rücksichtnahme auf ältere Browser, das ganze JS in einem if(this.style) umklammern.
    Gruß, Cybaer

  5. #5
    Scoobay ist offline Mitglied
    registriert
    28-10-2007
    Beiträge
    48

    AW: Bild erst anzeigen, wenn fertig geladen

    Kann es sein, dass onload im img garnicht valide ist?

    Naja egal

    Und die OhneJavaScriptKompatibilität - mach ich :-)
    Geändert von Scoobay (09-11-2007 um 20:09 Uhr)
    2 hours of try and error can save 10 minutes of reading!

  6. #6
    cybaer ist offline Kaiser
    registriert
    12-09-2006
    Beiträge
    1.338

    AW: Bild erst anzeigen, wenn fertig geladen

    Zitat Zitat von Scoobay Beitrag anzeigen
    Kann es sein, dass onload im img garnicht valide ist?
    Mag sein - ich hab's noch nie verwendet.

    Ich setzte, zumindest bei Images, den onLoad-Eventhandler immer direkt mit JS ...
    Gruß, Cybaer

Ähnliche Themen

  1. Antworten: 20
    Letzter Beitrag: 19-03-2007, 09:04
  2. Antworten: 8
    Letzter Beitrag: 16-02-2007, 01:12
  3. Foto-Album effizienter gestalten?!
    Von Sunny81 im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 19-04-2006, 22:23
  4. Antworten: 10
    Letzter Beitrag: 06-12-2005, 14:59
  5. sprung innerhalb von frames
    Von kellerwirt im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 20-11-2004, 21:29

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •