Ich benutze Isotope, um ein dynamisches Gitter von Blöcken zu erzeugen. In einigen Blöcken kann sich ein Karussell befinden. Ich benutze das Slick Carousel http: //kenwheeler.github.io/slick) um dies zu tun

Hier ein Beispiel>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);    

});

Nachdem ich das Isotop initialisiert habe, starte ich das Karussell und ändere die Höhe des Objektträgers auf 1px.

Wie kann ich das lösen?