0
我有一个索引页面，并通过ajax将不同的单页加载到索引页面布局中。每一个页面都有一个滑动滑块，我可以单独控制（prev/next）所有滑块，但是我有一个标题问题。我只从一个滑块获取标题信息并将其打印到每个幻灯片中，但是如何才能为每个滑块获取正确的标题？如何在多画廊的页面上从一个画廊获取字幕
我有这样得到的标题
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加载滑块滑块看起来有点毁了一两秒，有没有可能避免这种情况？
非常感谢！