Usando o Slick Carousel com uma imagem de plano de fundo em uma grade de isótopo (alvenaria) - a altura dos slides se torna 1 px
Estou usando o isótopo para gerar uma grade dinâmica de blocos. Alguns blocos podem ter um carrossel dentro deles. Estou usando o Slick Carousel (http://kenwheeler.github.io/slick/) para fazer isso.
Aqui está um exemplo>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);
});
Depois de inicializar o isótopo, inicio o carrossel e ele altera a altura do slide para 1px.
Como posso resolver isso?