光滑-使人像图像的高度与其他人相同

时间:2018-07-04 17:36:34

标签: ruby-on-rails slick slick.js

我在Rails应用程序中使用了光滑处理,但是遇到无法解决的问题。 我希望我的图片具有与我使用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',
      }
    }]
  });

提前谢谢!

0 个答案:

没有答案