獲取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. 
});