Warum befindet sich das Wasserzeichen oben links im Bild?

Question

Ich habe kein transparentes Bild oder irgendetwas, also warum ist das Wasserzeichen oben links im Bild?

<img style="display:inline-block;background-color:#000000; width: 256px; height: 256px; cursor: pointer; border: 5px solid #000000;" onClick="this.src='https://i.imgur.com/M5VkVbK.png' 
 
    this.style.width='266px';this.style.height='266px' 
 
    ;this.style.cursor='default'" />

Gerade über diese neugierig. Hoffentlich hat jemand hier eine Antwort.

Answer 1

Das ist kein Wasserzeichen, dh es kann das Bild nicht finden. Überprüfen Sie Ihre URL und stellen Sie sicher, dass Ihr Entwicklungscomputer auf diese URL zugreifen kann.

Der Code scheint hier für mich gut zu funktionieren.

Beachten Sie, dass vor dem Klicken das Symbol für beschädigte Bilder angezeigt wird, da nicht src definiert ist. Ein guter Work-Around wäre, in der Zwischenzeit ein 1x1-Bild zu verwenden. Ich habe das in meinem Snippet unten implementiert.

<img src="http://placehold.it/1" style="display:inline-block;background-color:#000000; width: 256px; height: 256px; cursor: pointer; border: 5px solid #000000;" 
 
onClick="this.src='https://i.imgur.com/M5VkVbK.png' 
 
this.style.width='266px';this.style.height='266px' 
 
;this.style.cursor='default'"/>