Рони, я вас правильно понимаю, что вы имеете ввиду так?
function setEqualHeight(columns){
var tallestcolumn = 0;
columns.each(function(){
currentHeight = $(this).height();
if(currentHeight > tallestcolumn){
tallestcolumn = currentHeight;
}
});
columns.height(tallestcolumn);
}
(function($) {
"use strict"; // Start of use strict
$('#photo-gallery .photo__img').each(function(){
setEqualHeight($(this).parents(".owl-item"));
});
$('#photo-gallery').owlCarousel({
loop:true,
nav:false,
dots:false,
responsive: {
0: {
items: 1
},
480: {
items: 2
},
768: {
items: 3
},
992: {
items: 4
},
1200: {
items: 5
}
}
});
})(jQuery); // End of use strict
"зачем? почему у вас блоки разной высоты?"
Предусмотреть, чтобы размеры картинок могли отличаться в пару пикселей по ширине или высоте при динамической подгрузке и при этом все отображалось ровненько без зазоров и кривостей