获取URL代表猫头鹰旋转木马

Question

jQuery的小白，所以裸跟我PLZ :)

试图建立缩略图内置到shopify主题猫头鹰旋转木马。找到另一种比我自己的解决方案，但它需要太多磨练shopify主题。

我的想法是获得点导航所表示的图像URL并将其设置为“点”的背景。

这里是我想它会看起来像

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