JQuery цикл плагин с различным эффектом на следующий и предыдущий

Question

Используя цикл JQuery, можно ли по-разному влиять на следующие и предыдущие кнопки? Например, следующая кнопка прокручивается влево, а предыдущая кнопка исчезает?

Я знаю об эффекте scrollHorz для левой и правой прокрутки.

Спасибо

Answer 1

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

Самое близкое, что вы можете придумать, - указать несколько эффектов в опциях FX. Они будут использованы в последовательности. Пример:

$('#slideDiv').cycle({ 
    fx:     'fade,scrollHorz', 
    prev:   '#prev1', 
    next:   '#next1', 
    timeout: 0 
});

Таким образом, при первом нажатии кнопок «Вперед» или «Предыдущий» будет использоваться «Fade», при следующем нажатии любой из них будет использоваться «ScrollHorz», затем «Fade» и т. Д.

Answer 2

Из коробки это работает только с переходами, которые обеспечивают «обратную» анимацию, такую ​​как scrollHorz, scrollVert, shuffle.

Приятной особенностью jQuery Cycle является то, что вы можете написать свой собственный (или изменить) любой переход, включив в него свою собственную логику прямого и обратного хода. Проверьте Cycle Source и выполните поиск по запросу "scrollHorz". Вы увидите, как легко обеспечить логику в зависимости от направления перехода (обратите внимание на переменную fwd). Затем вы можете изменить любой существующий переход в соответствии с вашими потребностями.

ПРИМЕЧАНИЕ: требуются некоторые javascript и математические навыки.