Eingabe ausblenden="image" wenn image src nicht gefunden wurde

8

Ich verwende die folgende JavaScript-Funktion, um Bilder auf meiner Webseite auszublenden, falls das Quellbild nicht gefunden wird:

%Vor%

Ich füge meinen Bildern das folgende Attribut hinzu, das die obige Methode im Falle eines Fehlers onerror="Image_OnError(this);" aufruft.

Das Problem ist, dass ich das gleiche für <input type="image" /> -Elemente tun muss, aber nicht herausfinden kann, wie dies zu tun ist, da das Eingabeelement kein OnError -Ereignis zu haben scheint.

Ich könnte einfach ein zusätzliches Bild mit demselben src-Wert wie die Eingabe einfügen und dann die Sichtbarkeit des Eingabeelements für das OnError-Ereignis des Bildes ändern, aber das scheint ein bisschen unordentlich zu sein.

    
Matthew Dresser 22.02.2010, 10:57
quelle

2 Antworten

2

Wenn Sie einen Semi-Hack möchten, können Sie das jQuery-Ereignis "document.ready" verwenden und die Höhe der Eingabe überprüfen.

BEARBEITEN: Als Antwort auf Ihre Antwort auf die Frage von Aviator oben ... Sie könnten einfach einen asp: LinkButton verwenden und ein Bild darin als Inhalt umschließen und dann verwenden das OnCommand-Ereignis des LinkButton.

    
Timothy Khouri 22.02.2010, 11:09
quelle
0

Es hat dasselbe On-Fehler-Ereignis. Dieser funktioniert für mich (zumindest in Chrom):

%Vor%

Eine weitere Möglichkeit besteht darin, ein Bild in JS zu laden:

beim Laden des Dokuments:

%Vor%

Außerdem sollten Sie sie besser vor dem Start verstecken und nur Elemente anzeigen, bei denen das Bild erfolgreich geladen wurde. Sonst werden wahrscheinlich Elemente auf der Seite springen.

    
Qwerty 22.02.2010 11:02
quelle

Tags und Links