jQuery. Цикл - использует два различных эффекта на тот же контейнер

Question

jQuery. Цикл - использует два различных эффекта на тот же контейнер

Я в настоящее время использую jQuery. Цикл к циклу через некоторых ребенок <div> теги. Однако я хочу, чтобы цикл по умолчанию fx был fade, и когда я нажимаю next или prev селекторы, я хочу, чтобы цикл fx временно изменился на scrollRight или scrollLeft в зависимости от нажатого селектора.

Действительно ли это возможно?

код jQuery, при необходимости:

$('#banner_content').cycle({
    fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    timeout: 6500,
    speed: 2000,
    next: $("#right_arrow a"),
    prev: $("#left_arrow a"),
});

7

jquery jquery-plugins jquery-cycle jquery-effects

задан Anriëtte Myburgh 8 July 2010 в 08:59

1 ответ

Другие вопросы по тегам:

jquery jquery-plugins jquery-cycle jquery-effects

Похожие вопросы:

score 11 · Accepted Answer

Хорошо, я добавил свой вопрос на форум jQuery , и создатель ответил следующим ответом .

Вот мой код, который я разработал для этого:

var slideIndex = 0;
var nextIndex = 0;
var prevIndex = 0;

$('#banner_content').cycle({
    fx: 'fade',//fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    timeout: 8000,
    speed: 1000,
    easingIn:20,
    easingOut:40,
    after: function(currSlideElement, nextSlideElement, options) {
        slideIndex = options.currSlide;
        nextIndex = slideIndex + 1;
        prevIndex = slideIndex -1;

        if (slideIndex == options.slideCount-1) {
            nextIndex = 0;
        }

        if (slideIndex == 0) {
            prevIndex = options.slideCount-1;
        }
    }
}); 

$("div.left_arrow a").click(function () {
    $('#banner_content').cycle(nextIndex, "scrollRight");
});

$("div.right_arrow a").click(function () {
    $('#banner_content').cycle(prevIndex, "scrollLeft");
});