Показать сообщение отдельно
  #4 (permalink)  
Старый 20.08.2018, 15:52
Профессор
Отправить личное сообщение для giwuf Посмотреть профиль Найти все сообщения от giwuf
 
Регистрация: 16.05.2017
Сообщений: 167

Рони, я вас правильно понимаю, что вы имеете ввиду так?
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


"зачем? почему у вас блоки разной высоты?"
Предусмотреть, чтобы размеры картинок могли отличаться в пару пикселей по ширине или высоте при динамической подгрузке и при этом все отображалось ровненько без зазоров и кривостей
Ответить с цитированием