Есть теги 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);
});