Jag har ett utrymme av 100x100 pixlar där jag vill visa olika bilder i. Vissa bilder har proportioner som gör dem breda och andra som gör dem höga. Men jag vill att de skall skalas så de passar i mitt begränsade utrymme utan att bildens proportion förstörs. Är det möjligt?

Om du vet att det är 100x100 pixlar är det inte så svårt, så länge du kan ta reda på hur stor bilden är på serversidan. Kanske går på annat sätt också men det vet jag inte.

För det första så har du (så vitt jag minns) inga garantier för att en webbläsare faktiskt skalar en bild, utan att du i princip skulle behöva göra det för hand.

Principen är enkel:
1. Du har från början bredd B och höjd H.
2. Om B>H välj x=B, annars x=H.
3. Räkna ut ny bredd som b = 100*B/x och ny höjd som h = 100*H/x. Använd det som bredd och höjd för bilden. (Eller, hellre, skala om bilden till denna storlek.

Om du har andra bredd/höjdförhållanden än 100*100 så får man modifiera lite grejer.