Jquery 获取Owl转盘中图像点导航表示的URL

尝试为内置在shopify主题中的猫头鹰旋转木马设置缩略图。找到了另一个解决方案，而不是我自己的，但这需要对shopify主题进行太多的调整

我的想法是获得一个点导航所代表的图像url，并将其设置为“点”的背景

这是我认为它会是什么样子

 $(".owl-page").each(function(){
 var newbg = (here is where I'm stuck)
 $(this).css('background-image','url(' + newbg + ')');
 });

有人能帮上忙吗？

试试这个解决方案

$(".owl-page").each(function(){
    var newbg = $('.owl-item').eq($(this).data('owl-page')).find('img').attr('src')
     // Followed by your code. Now newbg will have the image url.
});

---

通过

dot

u是指用于导航的span标记？您使用的是哪个版本的owl转盘？它是带有主题的min格式，但看起来像第一个它确实拉图像，但不是与导航项关联的图像。。。p、 谢谢你在这件事上的帮助！如果滑块有两页，则第一个点将在第一张幻灯片中具有第一幅图像的索引，第二个点将在第二张幻灯片中具有第一幅图像的索引。如果你能为你的滑块提供一个演示，那会很有帮助。