Использование 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 пиксель.
Как я могу решить это?