Diese Seite verwendet Cookies, um Inhalte und Anzeigen zu personalisieren. Außerdem geben wir Informationen zu Nutzung unserer Website an unsere Werbe-Partner weiter. Mit der Nutzung unserer Webseite stimmen Sie dem zu! Details ansehen
Sie sind hier: Startseite - Tutorials - Externe Bilder 

Externe Bilder mit Erreichbarkeit Test einbinden

Wenn man viele externe Grafiken auf der eigenen Seite einbindet, dann ist es oft weniger schön, wenn einzelne Server nicht verfügbar sind und die Grafiken dadurch nicht mehr angezeigt werden können. Aber alle Grafiken auf dem Server zu spiechern, ist auch nicht unbedingt sinnvoll.

Eine interessante Lösung wäre, prüfen zu können, ob das Bild erreichbar ist und es anzuzeigen wie normal, wenn es vorhanden ist, jedoch eine Ersatzgrafik anzuzeigen, wenn der Server des Bildes nicht erreichbar ist.

Mit php kann man das einfach realisieren. Das folgende kurze Skript, als "src" des img-Tags eingebunden, erledigt diese Aufgabe zuverlässig und Traffick und Performance schonend:

< ?php

# © Elmar Eigner, open-eye

# Alternatives Bild, wenn das gewünschte Bild nicht geladen werden kann
$altimg = 'http://elmar-eigner.de/images/logo.gif';

ini_set('max_execution_time' , 7);
$img = '';
if ( isset ( $_GET['img'] ) ) {
$img = $_GET['img'];
}
if ( ! empty ( $img ) ) {
$urlparts = parse_url ( $img ) OR die ('No valid Image URI');
$fsock = fsockopen ( $urlparts['host'], 80, $errno, $errstr, 5 );
if ( $fsock ) {
$whatopen = isset ( $urlparts['path'] ) ? $urlparts['path'] : '/';
fputs ( $fsock, "HEAD {$whatopen} HTTP/1.1rnHost: {$urlparts['host']}rnrn" )
OR die ('Request send error');
$buff = '';
while ( !feof ( $fsock ) ) {
$buff .= fgets ( $fsock, 128 );
}
}
fclose ( $fsock );
if ( preg_match ("/200 OK/i", $buff ) ) {
Header ( "Location: {$img}");
} else {
Header ( "Location: {$altimg}");
}
} else {
Header ( "Location: {$altimg}");
}

?>

Einbindung im SRC-Attribut:

Als Link auf ein Bild:
Hier testen!

Seiteninformationen:
Kurzbeschreibung: open-eye Tutorial, wie externe Bilder mit Erreichbarkeit Test einbinden?
Suchbegriffe: Extern, Bild, Bilder, Grafik, Grafiken, Erreichbarkeit, verfügbar
Letzte Änderung: 22.03.2017 - 13:06
PageViews: 11.338
Startseite · Englische Version · Sitemap · Free Tools · Werbung · Impressum
Box schliessen
Usability