如何从缩略图中以模态形式将Slick Carousel打开到特定幻灯片

问题描述

我有一组缩略图和一个模态的Slick Carousel（显然，默认情况下是隐藏的）。如何通过单击缩略图来打开该轮播，以便从相应的幻灯片开始？

解决方法

您的问题有两点

1. 如何在模式中初始化轮播
2. 如何从特定幻灯片开始幻灯片

让我以引导箱模式为例（大多数模式以相同的方式工作），您可以在所示的模式回调中初始化轮播。

您可以使用slickSlider的initialSlide属性从特定的幻灯片开始。

var box = bootbox.dialog({
    message: 'This is some HTML content inside modal(e.g,.html() of carousel)'
});

box.on("shown.bs.modal",function() {
    $('.slick-carousel').slick({
        initialSlide: indexOfThumbnail // indexOfThumbnail needs to be initialized before
    });
});