Estoy usando isótopos para generar una cuadrícula dinámica de bloques. Algunos bloques pueden tener un carrusel dentro de ellos. Estoy usando el carrusel pulido (http://kenwheeler.github.io/slick/) para hacer esto.

Aquí un ejemplo>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);    

});

Después de inicializar el isótopo, inicio el carrusel, luego cambia la altura de la diapositiva a 1px.

¿Como puedo resolver esto?