jQuery Cycle: прокрутите назад к первому слайду после последнего слайда

Question

У меня есть слайдер, который выглядит следующим образом:

$('#slider').cycle({
    fx: 'scrollHorz',
    speed: 1250, 
    timeout: 5000,
    easing: 'easeInOutExpo',
    pager: '#slider-pagination',
    next: '#next-slide',
    prev: '#prev-slide',
    pause: 1
});

По умолчанию, когда он находится на последнем слайде, цикл просто прокручивается влево, чтобы начать все сначала, как будто это бесконечный цикл.Я хочу, чтобы он прокрутил все слайды и снова попал на первый.Как и здесь (см. Последний слайд): http://www.iconlicious.com/. Я должен использовать Cycle, поэтому я не могу использовать тот же плагин, что и он.

Как этого достичь?

Спасибо

Answer 1

Решение состоит в том, чтобы установить для параметра nowrap значение false.

Хотя я ничего не могу проверить, вам, вероятно, придется использовать параметр end, чтобы определить функцию для возврата в начало.

Итак, что-то вроде:

$('#slider').cycle({
    fx: 'scrollHorz',
    speed: 1250, 
    timeout: 5000,
    easing: 'easeInOutExpo',
    pager: '#slider-pagination',
    next: '#next-slide',
    prev: '#prev-slide',
    pause: 1
    nowrap: false, 
    end: function() { 
        // make it go to the first slide
    }
});

Answer 2

Используйте недокументированную опцию «отказов»:

$('#slider').cycle({
  fx: 'scrollHorz',
  speed: 1250, 
  timeout: 5000,
  easing: 'easeInOutExpo',
  pager: '#slider-pagination',
  next: '#next-slide',
  prev: '#prev-slide',
  pause: 1,
  bounce: true
});

Надеюсь, это поможет

Answer 3

Глядя на ваш веб-сайт, я могу сказать, что вы уже решили свою проблему, но я хотел опубликовать это на тот случай, если найдутся другие, которые могут посчитать это ценным.*, который является отличным решением и решил ту же проблему для меня.