[JavaScript] Defektes Bild ersetzen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Zeus2012, 16. Mai 2012 .

  1. 16. Mai 2012
    Defektes Bild ersetzen

    Hallo,

    ich habe das Problem, dass ich Bilder von einem externen Partner automatisch einbinde und die manchmal defekt sind. Ich würde gerne die defekten Bilder automatisch durch ein Standart Bild ersetzen wollen.

    Gegooglet habe ich schon wie verrückt aber nichts passendes gefunden ;( Könnt ihr mir vlt. helfen?

    Beste Grüße
    Zeus
     
  2. 18. Mai 2012
    AW: Defektes Bild ersetzen

    Gibt mehrere Möglichkeiten hier mal 2 einfache

    1.
    Code:
    function ImgError(source){
     source.src = "/images/noimage.gif";
     source.onerror = "";
     return true;
    }
    
    <img src="someimage.png" onerror="ImgError(this);"/>
    
    oder Jquery

    Code:
    $("img").error(function () {
     $(this).unbind("error").attr("src", "broken.gif");
    });
    
    2.

    du kannst dem bild auch einfach ein hintergrundbild zuweisen, dass angezeigt wird, wenn das bild nicht vorhanden ist.

    Code:
    CSS:
    
    img#banner {
    background:url(ersatz-banner.jpg) no-repeat #000;
    }
    
    HTML:
    
    <img src="banner.jpg" id="banner" width="" height="" alt="" />
    
     
  3. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.