Как отключить кнопку «Предыдущий» на старте и кнопку «Следующий» на последнем слайде в плагине цикла jQuery?

Question

Я хочу использовать плагин jQuery для показа слайдов на моей веб-странице. Я хочу показать 4 слайда подряд. Когда пользователь нажимает кнопку «Далее», слайды перемещаются только на один слайд (в этом случае будет отображаться только первый слайд, а затем три последних слайда и новый слайд). Поэтому я хочу отключить кнопку «Предыдущий» на старте и кнопку «Следующий» на последнем слайде. Параметр автоматического слайда должен быть отключен, а пейджеры скрыты. Только кнопки «Далее» и «Предыдущий» делают движения. Как я могу настроить плагин цикла jQuery для этой функции?

Спасибо за вашу поддержку

Answer 1

Проверьте это! Вам нужна эта функция:

function onAfter(curr, next, opts) {
    var Left = $(opts.prev); // Fetches selector from .cycle options (ex. #prev)
    var Right = $(opts.next); // Fetches selector from .cycle options (ex. #next)
    var index = opts.currSlide;
    index == 0 ? Left.css('visibility','hidden') : Left.css('visibility','visible');
    index == opts.slideCount - 1 ? Right.css('visibility','hidden') : Right.css('visibility','visible');
}

Затем вызовите функцию в обратном вызове перехода:

$('#slideWrapper').cycle({ 
    fx      : 'scrollHorz', 
    speed   : 400, 
    timeout : 0, 
    next    : '#next', 
    prev    : '#prev',
    after   : onAfter, // <-- right here
    nowrap  : true
});

Просто чтобы было ясно. Вышеупомянутая функция использует троичные. Например:

if(x == 1) {
    Foo = 1
} else {
    Foo = 2
}

совпадает со следующим

x==1 ? Foo = 1 : Foo = 2;

Answer 2

Если вы используете опцию nowrap в своем коде для слайд-шоу. Попробуйте следующее:

<script type="text/javascript">
$(document).ready(function() {
   $("#slides").cycle({
    fx:    'shuffle',
    speed:    400,
    timeout:    0,
    next:   '#next2', 
    prev:   '#prev2',
    nowrap: 1
  });
});
</script>  

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

Rich