Bild aus anderer Webseite einbinden, und auf existenz überprüfen

[Julius]

Hallo Philip,

vielleicht hilft es, wenn du erst einmal beschreibst, warum du überprüfen möchtest, ob ein Bild verfügbar, bzw. ladbar ist. Vielleicht gibt es ja einen besseren / anderen Ansatz für deine Aufgabenstellung.

Ich vermute einfach mal, dass du ein fremdes Bild in deine Website einbinden möchtest. Dazu gilt es erst einmal zu beachten, dass du das Bild vom Rechtlichen her auch einbinden darfst. Bei dem von dir als Beispiel verwendetem Bild ist das kein Problem (→ Wikipedia, CreativeCommons-Lizenz). Für Bilder von Wikipedia kannst du dir mit dem Lizenzhinweisgenerator ganz einfach einen passenden Lizenzhinweis erzeugen lassen. Zum Beispiel den hier:

Wellcome Images, <a href="https://commons.wikimedia.org/wiki/File:Friedrich_Bergius_(1884-1949)_Chemist_of_Heidelberg_Wellcome_L0003155.jpg">Friedrich Bergius (1884-1949) Chemist of Heidelberg Wellcome L0003155</a>, <a href="https://creativecommons.org/licenses/by/4.0/legalcode">CC BY 4.0</a>

Dann kommt noch die Frage, ob die das Bild von der originalen Quelle referenzierst oder ob du es auf deinem eigenen Webspace hinterlegst und dann darauf verlinkst. Letzteres ist Ersterem vorzuziehen, Hotlinking wird nicht gerne gesehen und einige verhindern das auch.

Dann würde dein HTML etwa so aussehen:

<figure>
  <img src="pfad_zum_bild/Friedrich_Bergius.jpg" alt="Portrait von Friedrich Bergius">
  <figcaption>
    Friedrich Bergius<br>
    <small>Wellcome Images, <a href="https://commons.wikimedia.org/wiki/File:Friedrich_Bergius_(1884-1949)_Chemist_of_Heidelberg_Wellcome_L0003155.jpg">Friedrich Bergius (1884-1949) Chemist of Heidelberg Wellcome L0003155</a>, <a href="https://creativecommons.org/licenses/by/4.0/legalcode">CC BY 4.0</a></small>
 </figcaption>
</figure>

Falls das Bild vom Browser des Nutzers nicht geladen werden konnte, wird dem Nutzer der Alternativ-Text des Bildes „Portrait von Friedrich Bergius“ angezeigt. Dieser ist auch für Menschen nötig, die das Bild nicht sehen können, aber natürlich dennoch gerne wissen möchten, was darauf abgebildet ist.

Gruß
Julius