Matthias Apsel: Prüfen, ob Bild geladen wurde

Beitrag lesen

Om nah hoo pez nyeetz, alle!

Ich habe für ein Projekt eine umfangreiche Navigation erstellt, deren <a>-Elemente nur eine Hintergrundgrafik (alle dieselbe als Sprite) enthalten. Das ist natürlich ggf. nicht barrierefrei. Deshalb habe ich zunächst eine Textvariante der Navigation, die für Leute, die mit JS und Grafiken unterwegs sind, folgendermaßen auf die Grafikvariante umgestellt wird:

<img src="..." alt="..."  onload="document.getElementById('nav').className = 'nutzbar';">

Dies funktioniert auch, allerdings gefällt mir das nicht so richtig und der Validator meckert (zu recht) über "onload".

Gibt es andere Ansätze?

  • Geschichten über document.getElementById scheitern, weil das Element ja unabhängig davon existiert, ob die Grafik auch tatsächlich geladen wurde
  • document.Bildname.complete arbeitet nicht ordentlich [[ref:self812;javascript/objekte/images.htm#complete@title=selfhtml], dort "Beachten Sie"]
  • riesige JQuery-Geschichten möchte ich nicht verwenden

Matthias

--
1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif