如何解决如何从缩略图中以模态形式将Slick Carousel打开到特定幻灯片
我有一组缩略图和一个模态的Slick Carousel(显然,默认情况下是隐藏的)。如何通过单击缩略图来打开该轮播,以便从相应的幻灯片开始?
解决方法
您的问题有两点
- 如何在模式中初始化轮播
- 如何从特定幻灯片开始幻灯片
让我以引导箱模式为例(大多数模式以相同的方式工作),您可以在所示的模式回调中初始化轮播。
您可以使用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
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。