Problem med höjden i denna resize

<script type="text/javascript">
function sizeIt() {
	var imgGroup = document.getElementById("main").getElementsByTagName("img");
	for (var i=0; i<imgGroup.length; i++) {
		imgGroup[i].setAttribute("width", "500px");
		imgGroup[i].setAttribute("height", "500px");
	}
}
window.onload = sizeIt;
</script>

Har denna koden men vill att höjden skall automatiskt ställa om sig för bilderna. Bredden ska ex vara 500 px men höjden skall skalas om så den visas i rätt format som originalbilden är.

Någon som vet hur man gör?

strunta i att sätta höjd på den?

Då tar den originalhöjden!

Om du har en bild som är 600x600 och säger att bredden skall vara 60 och inte sätter en höjd så kommer den skalar om sig till bredd 60,

räcker ju att du sätter en CSS för det: #main img { width: 500px}

exempel: http://voigt.se/sandbox/wf/asa/img/

eller är det att den få vara MAX 500px av något av dom, bredd eller höjd, vilken som "träffas" först?

Jo, men om en bild är bredare än 500 px det är då den skall skalas om. Det glömde jag skriva!

ja? det gör den ju...

Då ändrar du voigtann1s kod till #main img { max-width: 500px; }.

Sätter du ingen höjd på bilden anpassas den efter bredden, och bibehåller därmed rätt proportioner.

Asa skrev:

Då tar den originalhöjden!

Det gör den inte när jag testar.. den skalas korrekt om jag bara ändrar bredden. (Edit: testat i Chrome med din kod och manuelt i IE båda skalas korrekt för mig)

Hur blir det om du tar bort:

imgGroup[i].setAttribute("height", "500px");

Men är den under 500 px ska den visas i den storlek som den är!

max-width funkar väl inte i internet explorer??

aron skrev:

Det gör den inte när jag testar.. den skalas korrekt om jag bara ändrar bredden.

Hur blir det om du tar bort:

imgGroup[i].setAttribute("height", "500px");

Den tar originalhöjden då!

Beror på vilken Internet explorer du menar.

Men din js kod få du kolla om img elementet är mindre än 500px (höjd eller bredd) om den inte är det så skall behöver du ju inte skala om den, nu säger du att den alltid skall skala om bilden 500x500 (vilket du inte säger i din grundfråga, du frågar ju bara om omskalning).

3 exemplen: http://voigt.se/sandbox/wf/asa/img/

Asa skrev:

Den tar originalhöjden då!

Du kanske anger höjden nån annanstans, då skalas den inte. Den skalas automatiskt om man inte angett höjden för bilden.

När jag lade till width="500px" i HTML-koden (direkt i img-taggen) så skalades den inte längre korrekt.

Okej, tackar!