Фоновый слайдер jquery-backstretch.js — Как сделать циклическое переключение картинок?

Question

[Яна Митрофанова]

В наличии слайдер фоновых изображений jquery-backstretch.
Официальная страница на github: https://github.com/srobbin/jquery-backstretch
Демо: "http://srobbin.com/jquery-plugins/backstretch/
(Attach Backstretch to click events)

Собственно, сам вопрос:
Как можно реализовать цикличную прокрутку изображений, по нажатию на кнопку? Т.е. картинка пролистывается вправо, но при еще одном нажатии переходит обратно на первую картинку.
Сейчас инициализация происходит следующим кодом:

$("#outside").click(function(e) {
    e.preventDefault();
    $.backstretch('img/slider/bg-slider1.jpg');
  });

  $("#cheers").click(function(e) {
    e.preventDefault();
    $.backstretch('img/slider/bg-slider2.jpg');



  });

Прошу помощи)

Answer 1

[RTW]

Заведи массив с путями до картинок, заведи числовую переменную по нажатию на вправо или влево она увеличивается или уменьшается.
Затем условие если меньше нуля, то значение равно длине массива, если больше длины массива, то равно нулю.
Ну в самой функции получается на клик дергаешь из массива изображения, вроде:

var arr = ['...' , '...'] //твои пути
var num = 0;


$("#cheers").click(function(e) { // это например вправо
    if(num == arr.length-1){
        num = 0;
    }
    else{
      num++;
    } 
    e.preventDefault();
    $.backstretch(arr[num]);

  });

Comments

[Яна Митрофанова]

Срабатывает через раз. Т.е 1 раз кликаю перелистывается, второй раз -нет, третий раз - перелистывается. И работает только с length+1, с length-1 не работает.
var arr = ['img/slider/bg-slider1.jpg' , 'img/slider/bg-slider2.jpg']
var num = 0;

$("#cheers").click(function(e) {
num++;
if(num == arr.length+1){
num = 0;
}
e.preventDefault();
$.backstretch(arr[num]);

});

[RTW]

А ну да, тупанул немного.
if(num == arr.length-1){
num = 0;
}
else{
num++;
}

[Яна Митрофанова]

RTW: Большое вам спасибо! Теперь все работает как нужно) Еще одна маленькая просьба, как можно реализовать что-то типа анимации при перелистывании?

[Яна Митрофанова]

Raina97: Анимацию уже реализовала сама)