Выполнение функции после каждого перехода с использованием Jquery Cycle Plugin - PullRequest
Новая
       9

Выполнение функции после каждого перехода с использованием Jquery Cycle Plugin

1 голос
/ 02 апреля 2011 
$(document).ready(function(){

var $container = $('#main_slider').cycle({ 
    fx:     'fade', 
    speed:   300, 
    timeout: 4000
}); 

$container.children().each(function(i) { 
    // create input 
    $('#thumb-'+(i+1)).click(function() { 
            // cycle to the corresponding slide 
            $("#black-bars").animate({"top": ''+(i*76.5)+'px'}, "slow", "swing");
            $container.cycle(i); 
            return false; 
        }); 
}); 

});

У меня есть простое слайд-шоу с боковыми большими пальцами, и при нажатии на них черные полосы сдвигаются в нужное положение, чтобы «выделить» его.

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

Я думаю, что у Cycle есть атрибут After, который позволяет выполнять функцию после каждого слайда, однако, как бы я создал счетчик иливосстановить, на каком слайде «номер» в данный момент?Мне нужно это, чтобы определить, какая позиция должна быть для черных полос.

Спасибо

1 Ответ

3 голосов
/ 13 апреля 2011

Для этого вы можете использовать опции «до» и «после». Обе эти функции обратного вызова передают текущий слайд и следующий слайд в качестве параметров. Проверьте этот пример: http://jquery.malsup.com/cycle/int2.html

...