erstellen leer 1px Bild

Question

Ich schaffe Bildtag in HTML

var img = document.getElementById('image'); 
 
alert(img.width)

<div width="500"> 
 
    <img id="image" width="100%" height="1"></img> 
 
</div>

In allen Browsern img.width 500px sein wird. Aber in Firefox wird es 0 sein. Aber wenn src im Bild-Tag eingestellt ist, funktioniert es.

Ist es möglich, ohne die Verwendung von Dateien 1px transparentes Bild zu setzen (png, jpg, ...)

Answer 1

var img = document.getElementById('image'); 
 
alert(img.width) 
 

 
Thanx to LinuxDisciple I found a solution to the problem

<div width="500"> 
 
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" id="image" width="100%" height="1"></img> 
 
</div>