flexSlider удаляет промежуток между большими пальцами и фотографиями, когда высота отличается - PullRequest
Новая
       115

flexSlider удаляет промежуток между большими пальцами и фотографиями, когда высота отличается

0 голосов
/ 04 мая 2020

Здесь у меня есть изображения разного размера, и flexslider создает промежуток между миниатюрами и самым коротким изображением, потому что максимальная высота определяется самым высоким изображением.

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

$(window).on('load', function() {
  $('.flexslider').flexslider({
	animation: "fade",
	directionNav: false,
	fadeFirstSlide: false,
	controlNav: "thumbnails"
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider-min.js"></script>

<div class="flexslider">
  <ul class="slides">
    <li data-thumb="https://i.imgur.com/9cFTpXo.jpg">
      <img src="https://i.imgur.com/9cFTpXo.jpg" />
    </li>
    <li data-thumb="https://i.imgur.com/cJbVMGz.jpg">
      <img src="https://i.imgur.com/cJbVMGz.jpg" />
    </li>
  </ul>
</div>
...