Slick - делает портретное изображение такой же высоты, как и другие - PullRequest
Новая
       43

Slick - делает портретное изображение такой же высоты, как и другие

0 голосов
/ 04 июля 2018

В моем приложении rails используется slick, но я столкнулся с проблемой, которую не могу исправить. Я хочу, чтобы мои изображения имели одинаковую высоту, для этого я использовал adaptiveHeight: false, но это все еще происходит: enter image description here

Я хочу, чтобы изображения в портретном режиме имели такую ​​же высоту, как и другие, без статической корректировки высоты. Как мне этого добиться?

Вот мой код:

мой HTML: 

<div class="slider-for">
  <% @vehicle.images.each do |img| %>
    <%= image_tag img %>
  <% end %>
</div>
<div class="slider-nav">
  <% @vehicle.images.each do |img| %>
    <%= image_tag img %>
  <% end %>
</div>

мой JavaScript: 

$('.slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav',
    // autoplay: true,
    autoplaySpeed: 2000,
    adaptiveHeight: false
  });
  $('.slider-nav').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: true,
    centerMode: true,
    focusOnSelect: true,
    adaptiveHeight: false,
    responsive: [{
      breakpoint: 550,
      settings: {
        slidesToShow: 1,
        centerPadding: '60px',
      }
    }]
  });

Заранее спасибо!

...