Использование Slick Carousel с фоновым изображением в изотопной (кладочной) сетке - высота слайдов становится 1px

Я использую изотоп для создания динамической сетки блоков. Некоторые блоки могут иметь карусель внутри них. Я использую Slick Carousel (http://kenwheeler.github.io/slick/) сделать это.

Вот пример>http://jsfiddle.net/9dja3omp/1/

$(function () {
    var $container = $('.grid').imagesLoaded( function() {
        $container.isotope({
            itemSelector: '.block',
            gutter: 0,
            transitionDuration: 0
        });
    });

setTimeout(function(){
    var carousel = $(".carousel__container");

    carousel.slick({
        speed: 700,
        arrows: false,
        adaptiveHeight: true
    });
    console.log("load carousel");
  }, 3000);    

});

После того, как я инициализирую изотоп, я запускаю карусель, затем она меняет высоту слайда на 1 пиксель.

Как я могу решить это?

Ответы на вопрос(1)

Ваш ответ на вопрос