Tengo 3 pestañas similares con carruseles elegantes, pero contenido diferente. Cuando me muevo a otra pestaña, el carrusel se vuelve delgado. La pestaña cambia simplemente agregando class hidden(display:none) . Intenté las pestañas de arranque, el mismo problema. Antes de cambiar de pestaña, después de cambiar de pestaña.
Ejemplo https://jsfiddle.net/vzqp5k3e/6/
Olvidé decir Después de los cambios de diapositivas, el carrusel se comporta normal.
Tienes que destruir el objeto pulido y luego reiniciarlo.
$('.my-carousel').slick('destroy'); $('#myCarousel'+nbr).slick({ infinite: true, slidesToShow: 3, slidesToScroll: 1, arrows: false, autoplay: true, autoplaySpeed: 3000});