Größe eines Bildes

[Nina2]

Hi,

wie kann ich mit JS die tatsächle Größe eines Bildes, das ich in <img> geladen habe, abfragen.
Also wenn das Bild 20x20px groß ist und ich es in <img width=10 height=10 src="bild20x20.jpg"/> lade, suche ich eine Möglichkeit, 20 als Rückgabe zu erhalten nachdem das dann die Richtige Größe ist.

Großes Dankeschön

[suit]

wie kann ich mit JS die tatsächle Größe eines Bildes, das ich in <img> geladen habe, abfragen.

extrem schwierig bis garnicht

einfacher:
frage mit javascript ein serverseitiges script, welches dir die tatsächliche größe verrät

[Felix Riesterer]

Liebe(r) suit,

wie kann ich mit JS die tatsächle Größe eines Bildes, das ich in <img> geladen habe, abfragen.
extrem schwierig bis garnicht

machen wir das doch konkreter!

function finde_echte_abmessungen (imgObj); {  
    var testbild = new Image();  
  
    testbild.src = imgObj.src;  
  
    testbild.onload = function () {  
        alert("Breite: "+testbild.width+"\nHöhe: "+testbild.height);  
    };  
  
    testbild.onerror = function () {  
        alert("Fehler beim Laden des Bildes!");  
    };  
}

Ich bin mir jetzt nicht sicher, ob das simple Definieren der Eigenschaften "onload" und "onerror" so funktionieren, oder ob man da nicht "echtes Eventhandling" betreiben muss...

Liebe Grüße,

Felix Riesterer.

[Cybaer]

Hi,

Ich bin mir jetzt nicht sicher, ob das simple Definieren der Eigenschaften "onload" und "onerror" so funktionieren, oder ob man da nicht "echtes Eventhandling" betreiben muss...

Nö, ist schon OK so. :)

Gruß, Cybaer

[Hopsel]

Hi Nina2!

Ich weiß nicht, was du genau machen möchtest, aber vielleicht hilft dir ja weiter, dass ein Bild eine Höhe und Breite von jeweils 100% bekommen muss, um in eigentlicher Breite und Höhe dargestellt zu werden.

MfG H☼psel

[Cybaer]

Hi,

wie kann ich mit JS die tatsächle Größe eines Bildes, das ich in <img> geladen habe, abfragen.
Also wenn das Bild 20x20px groß ist und ich es in <img width=10 height=10 src="bild20x20.jpg"/> lade, suche ich eine Möglichkeit, 20 als Rückgabe zu erhalten nachdem das dann die Richtige Größe ist.

Wenn Du die Größenangabe im IMG-Tag wegläßt, ist es einfach - z.B.: <img onload="alert(this.width);" src=...>

Mit Größenangabe ist komplizierter. Du mußt dann eine neues IMG-Element anlegen (ohne Größenangaben) - z.B.:

imgObj=new Image();
 imgObj.src="bild20x20.jpg";
 imgObj.onload=function() { alert(this.width); }

Gruß, Cybaer

[suit]

Mit Größenangabe ist komplizierter. Du mußt dann eine neues IMG-Element anlegen (ohne Größenangaben) - z.B.:

das ist gefinkelt - so hab ich noch garnicht gedacht ;) - muss ich mir gleich merken

[Steel]

Hi,

das ist gefinkelt

gewas? Was'n das fuer ne Sauerei?

[suit]

das ist gefinkelt
gewas? Was'n das fuer ne Sauerei?

gefinkelt - raffiniert, trickreich

[Joachim]

Hi,

imgObj=new Image();
imgObj.src="bild20x20.jpg";
imgObj.onload=function() { alert(this.width); }

wobei ich mich auf dieses onload nie verlassen würde... irgendwann hatte ich mal getestet, dass ein intervall mit Abfrage der Eigenschaft höhe/breite zuverlässiger arbeitet... nur so als Randbemerkung.

Gruesse, Joachim

[Der Martin]

Hallo,

imgObj.onload=function() { alert(this.width);
wobei ich mich auf dieses onload nie verlassen würde... irgendwann hatte ich mal getestet, dass ein intervall mit Abfrage der Eigenschaft höhe/breite zuverlässiger arbeitet... nur so als Randbemerkung.

ja, ich habe auch mal gelesen, dass onload bei Bildern nicht feuert, wenn das Bild aus dem Cache genommen wird. War aber AFAIR "nur" eine Extrawurst des IE.
Ich hab's allerdings nie selbst getestet.

So long,
 Martin

[Joachim]

Hi,

ja, ich habe auch mal gelesen, dass onload bei Bildern nicht feuert, wenn das Bild aus dem Cache genommen wird. War aber AFAIR "nur" eine Extrawurst des IE.

ja, ich denke das war das Problem...

Gruesse, Joachim