Detta löser du bäst med JavaScript likt posten du länkade till.
CSS:
Kod:
img.landscape
{border: 5px solid red;}
img.portrait
{border: 5px solid blue;}
jQuery:
Kod:
$(document).ready(function(){
$(".apply_image_class").each(function(){
if($(this).height() > $(this).width()){
$(this).addClass("portrait");
}
else{
$(this).addClass("landscape");
}
});
});
HTML:
Kod:
<img src="min_bild.jpg" class="apply_image_class" alt="bild 1" />
<img src="min_andra_bild.jpg" class="apply_image_class" alt="bild 2" />
Det den här koden gör är att gå igenom alla bilder som har klassen "apply_image_class" och kollar om höjden är större än bredden, då får bilden klassen "portrait", annars får bilden klassen landscape. CSS:en är bara ett exempel, förhoppningsvis ser du resultatet.
Lycka till!