达赛因/狡猾 - 无限循环 - 第一张幻灯片应该在最后出现

Question

我使用Darsain/Sly(Github(来构建产品滑块。它工作得很好，但没有进行无限循环的功能。在Github上，我发现了相同的报告问题。

有没有人使用这个库并知道如何添加简单的幻灯片循环？

我的想法是从这里使用方法next((，prev((，add((，remove((并创建自己的函数来做到这一点。

或者，也许您可以推荐任何其他类似的库来实现此处的结果

Answer 1

我玩了一下库，我找到了做无限循环的好技巧。它目前不是一个完美的解决方案，但对于想要使用它的人来说可能是一个很好的基础。

请参阅下面的代码：

var slider  = $('#smart'),
slide = slider.children('ul').eq(0),
wrap   = slider.parent(),
options = {
itemNav: 'basic',
smart: 1,
activateOn: 'click',
mouseDragging: 1,
touchDragging: 1,
releaseSwing: 1,
scrollBy: 1,
pagesBar: wrap.find('.pages'),
activatePageOn: 'click',
speed: 1000,
elasticBounds: 1,
dragHandle: 1,
dynamicHandle: 1,
clickBar: 1,
cycleBy: 'items'
};
var sly = new Sly(slider, options);
sly.on('change', function(eventName){
var clone = $(slide).find('li').first().html();
$(slide).append('<li>'+ clone + '</li>');
$(slide).find('li').first().remove();
this.slideTo(1);
});
sly.init();