Question

我有一个索引页面，我通过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加载滑块，滑块看起来有一两秒钟被破坏了，是否有可能避免这种情况？

非常感谢！

Answer 1

flickity的开发者帮助了我，

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

如果您正在搜索使用多个滑块获取Flickity实例的解决方案，请使用上面的链接

如何从包含许多画廊的页面上的一个库中获取字幕

1 个答案: