获取图像点导航的URL在Owl Carousel中表示

Question

尝试为内置于shopify主题的猫头鹰轮播设置缩略图。找到了另一个解决方案而不是我自己的解决方案，但是需要一个shopify主题来进行太多的调整。

我的想法是获得点导航所代表的图像网址，并将其设置为＆＃34;点＆＃34;的背景​​。

这是我认为的样子

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

任何人都可以帮忙解决这个问题吗？

Answer 1

尝试此解决方案。

$(".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.
});