我在Rails应用程序中使用了光滑处理,但是遇到无法解决的问题。
我希望我的图片具有与我使用adaptiveHeight: false
相同的高度,但是这种情况仍在发生:
我希望纵向模式下的图像与其他图像的高度相同,而无需静态固定高度。我该如何实现?
这是我的代码:
我的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',
}
}]
});
提前谢谢!