2015-08-19 3 views
0

У меня есть индексная страница, и я загружаю разные отдельные страницы через ajax в макет индексной страницы. На каждой странице есть слайдер мерцания, я могу контролировать (предыдущий/следующий) весь слайдер отдельно, но у меня есть проблема с титрами. Я получаю только заголовок с одного слайдера и печатаюсь на каждом слайд-шоу, но как я могу получить правильную подпись для каждого слайдера?Как получить титры из одной галереи на странице со многими галереями

у меня есть это, чтобы получить подпись

var $gallery = $('.gallery').flickity({ 
cellSelector: '.gallery-cell', 
imagesLoaded: true, 
percentPosition: false, 
wrapAround: true, 
pageDots: false, 
lazyLoad: true, 
lazyLoad: 1, 
imagesLoaded: true 

}); 
var $caption = $('.caption'); 
var flkty = $gallery.data('flickity'); 

$gallery.on('cellSelect' , function() { 

var element = flkty.selectedElement; 
var cap = $(element).children().attr("alt"); 

console.log (cap); 

$caption.text(cap) 
}); 
}); 

и это

<div class="gallery-cell "> 
<img class="gallery-cell-image" 
data-flickity-lazyload="http://i.imgur.com/8lEJtbg.jpg" alt="grapes" /> 
</div> 


<div class="gallery-cell "> 
<img class="gallery-cell-image" 
data-flickity-lazyload="http://i.imgur.com/ERMbVdn.jpg" alt="raspberries" /> 
</div> 

какие-нибудь идеи?

У меня есть вторая проблема, погрузка слайдера через ajax ползунок ищет одну или две секунды, немного разрушенной, есть ли возможность избежать этого?

спасибо большое!

ответ

0

разработчик flickity помог мне здесь,

https://github.com/metafizzy/flickity/issues/222

, если вы ищете решение для получения экземпляра Flickity в случае с несколькими ползунками, используйте ссылку выше