Есть теги img, как проверив высоту каждого изображения сначала вывести те изображения у которых высота больше ширины а затем остальные?
<div class="portfolio_img">
<a class="fancybox" href="<?=$value['photo'];?>" data-fancybox-group="gallery" title="<?=$value['title'];?>">
<img class="fancybox_img" src="<?=$value['thumb'];?>" width="220" alt="" />
</a>
</div>
var obj = $('.fancybox_img');
jQuery.each(obj, function(i, val) {
// удаляем атрибуты width и height
$(this).removeAttr("width")
.removeAttr("height")
.css({ width: "", height: "" });
// получаем заветные цифры
var width = $(this).width();
var height = $(this).height();
if (height>width){
alert('height'+height)
}
else{
alert('width'+width);
}
$(this).width(220);
});