我想在旋转木马下方显示所有可用图像的列表,这样当有人点击其中一张图像时,它就会成为旋转木马中的主照片...不太确定如何执行此操作。尝试查看它但找不到任何东西。
最佳答案
对此有很好的开源支持。你可以试试这个:https://github.com/gijsroge/OwlCarousel2-Thumbs
使用默认的猫头鹰轮播插件添加它并从您的代码中启用:
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
thumbs: true,
thumbsPrerendered: true
});
});
添加缩略图(链接 slider 和带有 data-slider-id 属性的缩略图)
<div class="owl-carousel" data-slider-id="1">
<div>Your Content</div>
<div>Your Content</div>
<div>Your Content</div>
<div>Your Content</div>
</div>
<div class="owl-thumbs" data-slider-id="1">
<button class="owl-thumb-item">slide 1</button>
<button class="owl-thumb-item">slide 2</button>
<button class="owl-thumb-item">slide 3</button>
<button class="owl-thumb-item">slide 4</button>
</div>
关于javascript - 猫头鹰轮播 - 如何显示主轮播下方的所有图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38172159/