larghezza immagine

ciao a tutti.

ho un'immagine tipo

<img src="pippo.jpg" width="300"/>

e vorrei leggere la larghezza effettiva di pippo.jpg (che potrebbe
essere superiore o inferiore a 300)... sapreste aiutarmi?

grazie a tutti!

Il Thu, 29 May 2008 18:08:03 +0200, nintesa ha scritto:

img src="pippo.jpg" width="300"/
e vorrei leggere la larghezza effettiva di pippo.jpg (che potrebbe
essere superiore o inferiore a 300)... sapreste aiutarmi?

prova:
http://www.criosoftware.it/default26.aspx

--
"Voi abili a tenere sempre un piede qua e uno là
avrete un avvenire certo in questo mondo qua
però la dignità
dove l'avete persa?"
V.R.

Cristiano Larghi wrote:

Il Thu, 29 May 2008 18:08:03 +0200, nintesa ha scritto:

img src="pippo.jpg" width="300"/
e vorrei leggere la larghezza effettiva di pippo.jpg (che potrebbe
essere superiore o inferiore a 300)... sapreste aiutarmi?

prova:
http://www.criosoftware.it/default26.aspx

Spunto dal nulla dopo mesi e mesi e ho pure voglia di correggerti...

Credo che nintesa intendesse le vere dimensioni dell'immagine, non il
computedStyle.

Se ci ho azzeccato:

1) l'immagine e' gia' nel codice html

var img = new Image();
img.onload = function(){
alert(img.width);
}
img.src = document.getElementById("pippo").src;

<img src="pippo.jpg" id="pippo" width="300" />

2) si imposta il percorso dell'immagine tramite js

var img = new Image();
img.onload = function(){
alert(img.width);
document.getElementById("pippo").src = this.src;
}
img.src = "pippo.jpg";

<img id="pippo" width="300" />

Ovviamente tutte e due le operazioni vanno fatte a DOM caricato.

Il caso tre potrebbe essere creare l'immagine proprio in js tramite le
DOM API, ma vabbe' il succo s'e' capito.

Andrea Scartabelli <ascartabelliBRUNO (AT) codice (DOT) it> wrote:

Spunto dal nulla dopo mesi e mesi e ho pure voglia di correggerti...

Credo che nintesa intendesse le vere dimensioni dell'immagine, non il
computedStyle.

Se ci ho azzeccato:
[cut]
Ovviamente tutte e due le operazioni vanno fatte a DOM caricato.

Il caso tre potrebbe essere creare l'immagine proprio in js tramite le
DOM API, ma vabbe' il succo s'e' capito.

Giusto per completezza, laddove supportate esistono due proprietà per
l'oggetto HTMLImageElement che servono proprio a questo scopo: ovvero
naturalWidth e naturalHeight.

--
"Se c'è qualcosa di più importante del mio ego su questa nave,
la voglio catturata e fucilata."

Andrea Scartabelli ha scritto:

Cristiano Larghi wrote:
Il Thu, 29 May 2008 18:08:03 +0200, nintesa ha scritto:

img src="pippo.jpg" width="300"/
e vorrei leggere la larghezza effettiva di pippo.jpg (che potrebbe
essere superiore o inferiore a 300)... sapreste aiutarmi?

prova:
http://www.criosoftware.it/default26.aspx

Spunto dal nulla dopo mesi e mesi e ho pure voglia di correggerti...

Credo che nintesa intendesse le vere dimensioni dell'immagine, non il
computedStyle.

giusto!!

grazie mille!

Giusto per completezza, laddove supportate esistono due proprietà per

ie e firefox supportano?

grazie!

nintesa <nintesa (AT) nomaaaaail (DOT) it> wrote:

Giusto per completezza, laddove supportate esistono due proprietà per

ie e firefox supportano?

Firefox si, IE no. Non ho ancora avuto modi di verificare con IE8,
comunque.

--
"Se c'è qualcosa di più importante del mio ego su questa nave,
la voglio catturata e fucilata."