Får reda på en bilds storlek

Det läser du av med objektets egenskaper width och height (efter det att det laddats!).

<img src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif" id="minbild"/><br/>
<a href="#" onclick="bild=document.getElementById('minbild'); alert('Bildens storlek:'+bild.width+'x'+bild.height);">Visa bildens storlek</a>

Observera att script-arkivet bara är just ett script-arkiv, forumet är ej till för att ställa frågor. Tråden flyttas.

Ok, ju kan jag inte javascript alls, men jag har ett sript på en
sida, som fyller upp alla bilderna i en mapp. När man sedan
klickar på en bild(de är i miniaryr) så kommar man till en annan sida, och det är där jag skull vilja ha fram de här uppgifterna.

<A HREF="javascript:popUp('PopUp.asp?bild=<%=file.Name %> ')"><img border="0"  width="60"  src="Bild/<%=file.Name%>"><BR>

Vad tror du?
:q

<script type="text/javascript">
window.onload=function(){
	var bild=document.getElementById('minbild');
	document.getElementById('bildinfo').innerHTML='Bildens storlek:'+bild.width+'x'+bild.height;
}
</script>
<img id="minbild" src="bilden.gif"/><br/>
<span id="bildinfo"></span>

Jojoxx
Du skall ha många tack för att du försöker att hjälpa mig, men
vad jag var ute efter var den igenteliga storleken, inte den storlek som man visar.

<img id="minbild" width="65%" src="bild/<%=sBild%>"/><br>

För att ha lite kontroll på storleken så är jag tvungen att förminska bilden.
Men vad jag frågar om är orginalstorleken.

Du kan istället ladda bilden i ett Image-objekt så behöver du inte se bilden på sidan. (Den måste laddas någonstanns för att du skall kunna få reda på storleken på klient-sidan (i browsern)).

<script type="text/javascript">
var bild=new Image(); bild.src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif"
window.onload=function(){
	document.getElementById('bildinfo').innerHTML='Bildens storlek:'+bild.width+'x'+bild.height;
}
</script>
<span id="bildinfo"></span>

Observera dock att det inte är speciellt snyggt att "resize'a" en bild genom att ändra bildens height/width till något annat än bildens orginalstorlek. Attributen width/height är primärt till för att webbläsaren skall kunna reservera plats för bilden medans sidan laddas (så att inte sidan flödar om för varje bild som laddas). Att "förminska" bilden på detta sätt är (om än ett ringa) slöseri på resurser (bandbredd/disk).

Jojoxx skrev:

Du kan istället ladda bilden i ett Image-objekt så behöver du inte se bilden på sidan. (Den måste laddas någonstanns för att du skall kunna få reda på storleken på klient-sidan (i browsern)).

<script type="text/javascript">
var bild=new Image(); bild.src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif"
window.onload=function(){
	document.getElementById('bildinfo').innerHTML='Bildens storlek:'+bild.width+'x'+bild.height;
}
</script>
<span id="bildinfo"></span>

Observera dock att det inte är speciellt snyggt att "resize'a" en bild genom att ändra bildens height/width till något annat än bildens orginalstorlek. Attributen width/height är primärt till för att webbläsaren skall kunna reservera plats för bilden medans sidan laddas (så att inte sidan flödar om för varje bild som laddas). Att "förminska" bilden på detta sätt är (om än ett ringa) slöseri på resurser (bandbredd/disk).

lite gammalt forum men men :)

har du något bättre alternativ på att "förminska" bilder på?

man ska kunna förminska bilden 25% av orginal storleken respektive 50%

Mvh //Darek