JürgenB: img ohne src

Hallo,

ich habe einem Bereich, der mit Javascript sichtbar gemacht wird (dialog). In diesem Bereich liegt ein img, dessen Source mit Javascript gesetzt wird, wenn der Bereich sichtbar ist.

Jetzt ist aber ein img ohne src bzw. mit src="" nicht valide. Wie geht man mit so etwas um?

  • Die Fehlermeldung des Validators ignorieren? "Der soll sich nur um Sichtbares kümmern."
  • In das src ein möglichst kleines Dummybild als data-url setzen, z.B.
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="">

(Habe ich bei Stack Overflow gefunden)

Gruß
Jürgen

  1. Hallo JürgenB,

    wenn Du in einem Umfeld arbeitest, dass es Dir verbietet, Code einzuchecken, der nicht fehlerfrei durch den Validator kommt, dann musst Du dir diesen Kopf machen.

    Codevalidatoren agieren stumpf nach allgemeinen Regeln und kennen keine Ausnahmefälle.

    Gabriel Lorca war zwar ein Fiesling, aber mit diesem Zitat geht er in Annalen ein: "Universal law is for lackeys; context is for kings". Also – heute ein König 🍺! Auch wenn der Satz letztlich nur die hochtrabende Version von "Der Zweck heiligt die Mittel" ist…

    Rolf

    --
    sumpsi - posui - obstruxi
    1. Hallo Rolf,

      danke für deine Einschätzung. Auf meiner Seite habe auch keine Probleme, nicht immer Valide zu sein. Aber da es auch um ein Wiki-Tutorial geht, wollte ich lieber mal nachfragen. Ich denke auch, es ist besser, das src weg zu lassen, als da "irgendein Bild" einzubauen, das sowieso niemand sieht.

      Gruß
      Jürgen

    2. @@Rolf B

      Gabriel Lorca war zwar ein Fiesling, aber mit diesem Zitat geht er in Annalen ein: "Universal law is for lackeys; context is for kings".

      Sag. Ich. Doch.

      🖖 Живіть довго і процвітайте

      --
      Ad astra per aspera
  2. @@JürgenB

    • In das src ein möglichst kleines Dummybild als data-url setzen, z.B.
    <img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="">
    

    Etwas länger, aber lesbarer:

    <img src='data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3C/svg%3E' alt=""/>
    

    🖖 Живіть довго і процвітайте

    --
    Ad astra per aspera
    1. Hallo Gunnar,

      Tja. Ich würde kein Dummy-Bild einsetzen. Eine merkwürdige data-URL verwirrt aus meiner Sicht mehr, als dass sie hilft.

      Alternativvorschlag:

      <img src="#" alt="Dummy-Bild, src wird von JavaScript gesetzt">
      

      wird vom Mecker nicht angecheckert. Es sagt niemand, dass die angegebene Quelle ein gültiges Bild liefern muss, oder?

      Den JS-Hinweis könnte man auch als HTML Kommentar setzen statt als alt-Text.

      Rolf

      --
      sumpsi - posui - obstruxi