Bild nicht anzeigen, wenn nicht vorhanden

[rainbow559]

Hallo,

ich möchte auf einer Seite Bilder anzeigen lassen. Es könnte auch sein, dass ein Bild nicht vorhanden ist. Gibt es denn eine Funktion, die besagt "Ignoriere das Bild, wenn es nicht vorhanden ist" ?

Ich habe schon alles mögliche mit onerror probiert, sowas wie:
<img src="keinbild.jpg" onError="this.visible=false;" />
oder
<img src="keinbild.jpg" onError="this.visible='hidden';" />

Aber das hat alles nicht funktioniert. Es wird immer noch dieser Platzhalter mit dem roten Kreuz angezeigt.

Kann mir da jemand helfen?

Danke schonmal im Voraus.

 

[BcF]

Dafür sorgen, dass das Bild nicht angezeigt wird kannst du mit:

this.style.display="none"

Aber ich bezweifle, dass onerror da funktioniert, da geht's doch nur um Fehler bei der Ausführung von JavaScript.

Ohne mit PHP vor dem Ausliefern der Seite zu prüfen, ob die Bilddatei vorhanden ist, denke ich nicht, dass das funktioniert.

Warum bindest du eigentlich Bilder ein, die möglicherweise gar nicht existieren?

 

[Icy]

<?php
if (file_exists("keinbild.jpg")) {
  echo "<img src=\"keinbild.jpg\" />";
} else {
  echo "Das Bild existiert nicht!";
}

MfG Icy

 

[Efchen]

Das offensichtlichste ist doch, das alt-Attribut des img-Tag zu benutzen! Aber das war jetzt wahrschienlich so einfach, dass es zu einfach war, darauf zu kommen! :-)
Bei einem leeren alt-Inhalt wird normalerweise auch kein Platzhalter angezeigt. Es ist halt nur die Frage, ob das sinnvoll ist, denn wenn in einem Client kein Image angezeigt werden KANN, selbst wenn es vorhanden ist, dann dient das alt-Attribut natürlich dafür, trotzdem etwas auszugeben, damit der Nutzer Bescheid weiß.

Gruß,
-Efchen