it-swarm.com.de

Ein Bild src auf leer setzen

Ich möchte ein Bild als nichts einstellen. Durch die Verwendung von src="" sagen viele Leute, dass Browser Probleme verursachen können: 

http://www.nczonline.net/blog/2009/11/30/empty-image-src-can-destroy-your-site/

daher bin ich mir nicht sicher, ob das gleiche Problem wie unten bei src auf leer steht:

<img id="myImage">

da gibt es für diesen Fall kein src-Attribut.

Wenn ich also zunächst ein Bild auf nichts setzen möchte, was kann ich dann am besten tun?

14
user304602

Beste Lösung

Initialisieren Sie das Bild wie folgt: src="//:0" wie hier : <img id="myImage" src="//:0">

Edit: Wie im Kommentar von Alex unten beschrieben, kann die Verwendung von //:0 anscheinend das onError-Ereignis der img auslösen. Vorsicht also.

Edit 2: Von Kommentar von Drkawashima : Ab Chrome 61 scheint src="//:0" nicht mehr das Ereignis onError auszulösen.


Andere Lösung

Alternativ können Sie ein sehr kleines Bild verwenden, bis Sie das Tag src tatsächlich ausfüllen: wie dieses Bild . Mit diesem "sehr kleinen Bild" würden Sie das Tag dann wie folgt initialisieren:

<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" width="0" height="0" alt="" />

Quelle


Element aus DOM entfernen

Wenn Sie einfach nicht möchten, dass das Element in DOM angezeigt wird, verwenden Sie einfach etwas JavaScript:

var myObject = document.getElementById('myObject');
myObject.parentNode.removeChild(myObject);

(Laut diese Antwort wird die Verwendung der JavaScript-Funktion .remove() aufgrund der schlechten Browserunterstützung in DOM 4 nicht empfohlen.)

Oder verwenden Sie einfach eine jQuery:

$("#myObject").remove();

19
Jean-Paul

Die am häufigsten akzeptierte Methode (von CSSTricks empfohlen) ist ein 1px-Bild in b

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"> alt="">

Es wird in devtools als 0B-Netzwerkanforderung angezeigt. Wenn Sie die Leistungsüberwachung durchführen, werden Sie möglicherweise überrascht sein, wie viele Bildanfragen Sie haben. Ansonsten ist es aber kein Grund zur Sorge.

Hinweis: Fügen Sie immer einen leeren alt hinzu. Andernfalls lesen Bildschirmleser die img-URL laut vor.

1
Drkawashima

Verwenden Sie dieses Skript, um ein Standardbild festzulegen, wenn src leer oder leer ist 

$(document).ready(function () {
   $('img').each(function () {
       if($(this).attr('src')=="") {
          $(this).attr('src', 'Images/download.jpg');
       }
   });
});
0
Dot Net

Verwenden Sie einfach ein Hash-Symbol #. Es ist ein gültiger Wert für das Attribut src. :) https://stackoverflow.com/a/28077004/3841049

0
iGidas