image size

[Yassassin]

come faccio a sapere le dimensioni di un immagine?

vi spiego il mio caso:

ho un filmato dal quale cliccando su un'immagine apro una pagina html passando il nome dell'immagine da aprire. Nella pagina html aperta recupero il valore passto con metodo GET (e qui tutto ok) visualizzo l'immagine (anche qui tutto ok) e poi dovrei ridimensionare la popup in base alla dimensione dell'immagine (e qui mi blocco)

come faccio?


ps: la ricerca non funziona
pps: con php ci riesco facilmente ma su cd il php non va

[Mich_]

Quando l'immagine e` gia` caricata, puoi leggerne la dimensione (non prima).

Supponendo l'immagine caricata nel browser in:
[img]miaimm.gif[/img]

Da JS puoi leggere:
var ww = document.getElementById('id_immagine').width;
var hh = document.getElementById('id_immagine').height;

Per ridimensionare la finestra dal suo interno puoi usare:
self.resizeTo(ww,hh);
Nota che queste sono le dimensioni esterne della finestra.

Invece nel window.open (terzo parametro), puoi definire le dimensioni interne della fienstra.

[Yassassin]

mmm... ho un problema. Ora ti faccio vedere lo script della pagina html:

<script language="javascript" type="text/javascript">
<!--
function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if (pair[0] == variable) {
			document.getElementById('immagine').innerHTML = "[img]public/"+pair[1]+"[/img]";
		}
	} 
}

function resize(){
	//preload image files
	var ww = document.getElementById('immagine').width;
	var hh = document.getElementById('immagine').height;
	window.resizeTo(ww,hh+75);
}
//-->
</script>

all'onload io chiamo la funzione getQueryVariable(valore). Il resize quando lo chiamo?

[wallrider]

all'onload dell'img!

[Yassassin]

Originariamente inviato da wallrider
all'onload dell'img!

questo lo so... ma vorrei sapre come si fa?

[wallrider]

<img ... onload="resize()">

non ti funziona?

[Mich_]

Non credo che cosi` riesci ad arrivare ad un risultato utile.
In pratica il tuo "immagine" non e` l'oggetto img, ma un <div> (o sim) che lo contiene.

Io userei il solito rollover sull'immagine per caricarla, oppure la caricherei in memoria. Ad esempio:

function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if (pair[0] == variable) {
			document.getElementById('immagine').src = "public/"+pair[1];
			document.getElementById('immagine').onload = resize;
		}
	} 
}

function resize(){
	//preload image files
	var ww = document.getElementById('immagine').width;
	var hh = document.getElementById('immagine').height;
	ww += 10; // vedi tu il valore corretto
	hh += 60; // vedi tu il valore corretto
	window.resizeTo(ww,hh+75);
}

Poi nel codice HTML avrai:
[img]vuoto.gif[/img]

[Yassassin]

perfetto ragazzi, sono riuscito a sistemare tutto

ho usato il metodo tuo Mich_


Di nuovo grazie