Jag lyckades till slut få exakt den hjälp jag bad om... ( på annat håll
)
...men om någon annan kan ha nytta av denna kod så ska jag mer än gärna dela med mig av den eftersom jag hittat massor av andra likadana frågor via google.
Jag tackar alla ni som läst och försökt hjälpa mig!
Här är den fungerande koden:
<head>
<script>
function resize98(element){
var img = element;
if (img.width > img.height){
img.width = "98";
} else {
img.height = "98";
}
}
</script>
</head>
<img src="bild1.jpg" onload="resize98(this)">
<img src="bild2.jpg" onload="resize98(this)">
<img src="bild3.jpg" onload="resize98(this)">
...osv
Visade bilder blir max 98 hög eller max 98 bred och bilden behåller sin rätta "aspect ratio" oavsett om det är liggande eller stående bild!