Получить URL-адрес точечной навигации изображения в Owl Carousel

Пытаюсь настроить миниатюры для карусели с совами, встроенной в тему Shopify. Нашел другое решение, чем мое собственное, но оно потребовало бы слишком много усилий с темой Shopify.

Моя идея состоит в том, чтобы получить URL-адрес изображения, который представляет точечная навигация, и установить его в качестве фона для «точки».

Вот как я думаю, что это будет выглядеть

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

Кто-нибудь может помочь с этим?


jquery css owl-carousel
person whaaaaaaz    schedule 29.10.2014    source источник
comment
под dot вы имеете в виду тег span, который используется для навигации?   -  person Cerlin    schedule 29.10.2014
comment
какую версию карусели совы вы используете?   -  person Cerlin    schedule 30.10.2014
comment
Пришло в формате min с темой, но похоже на первое   -  person whaaaaaaz    schedule 30.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте это решение.

$(".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.
});
person Cerlin    schedule 31.10.2014
comment
он вытягивает изображение, но не то, которое связано с элементом навигации... p.s. спасибо за помощь в этом! - person whaaaaaaz; 31.10.2014
comment
если слайдер состоит из двух страниц, первая точка будет иметь индекс первого изображения на первом слайде, а вторая точка будет иметь индекс первого изображения на втором слайде. было бы полезно, если бы вы могли предоставить демо для своего слайдера. - person Cerlin; 31.10.2014