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

Question

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

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

Answer 1

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

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

Надеется, что это помогает

Rich

Answer 2

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

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;