Изменить направление слайда в соответствии с нажатым элементом пейджера (цикл jquery) - PullRequest
1 голос
/ 16 сентября 2011

Мне нужна помощь, чтобы плагин цикла jquery работал следующим образом:

В основном я использую пейджер, а не левую / правую кнопки. Мне нужно скользить справа налево при нажатии на элемент пейджера вперед и скользить назад (слева направо) при нажатии на предыдущий элемент пейджера.

Моя настройка является базовой, как на http://jquery.malsup.com/cycle/.

Это может быть просто, но я пока не могу найти способ сделать это.

if (jQuery.isFunction(jQuery.fn.cycle)) {
$('.mycarousel').cycle({
    fx: 'scrollLeft',
    pager:  '#titleindicators',
    pagerAnchorBuilder: paginate,
    pause:1,
    timeout: 5000
});
}
 function paginate(ind, el)
{
    return '<a href="#'+ ind +'">&nbsp;</a>';
}

Я попытался использовать onPagerEvent, но безуспешно:

var cs=0;
function onClicky(zeroBasedSlideIndex, slideElement){
    if(cs-zeroBasedSlideIndex<0){
        $('.mycarousel').cycle({fx: 'scrollLeft'});
    }
    else{
        $('.mycarousel').cycle({fx: 'scrollRight'});
    }
    cs = zeroBasedSlideIndex;
}

В противном случае плагин работает нормально, но действительно раздражает щелкнуть по предыдущему элементу пейджера и увидеть, что он входит, как будто он движется вперед.

1 Ответ

3 голосов
/ 18 сентября 2011

Измените свойство fx на scrollHorz (или scrollVert, если вы хотите двигаться в вертикальном направлении).

переходы пейджера цикла jquery

jQuery цикл scrollHorz / scrollVert demos

...