Jak korzystać z wywołania zwrotnego w jcarousel, aby umieścić animacje tekstowe na slajdach? - jquery, animacja, jcarousel

Zrobiłem pokaz slajdów z jcarousel i chciałbym mieć animację tekstu po przejściu slajdu w pokazie slajdów. Tak więc slajd pojawia się jako pierwszy, a następnie animuje tekst.

Próbowałem dowiedzieć się, jak użyć funkcji wywołania zwrotnego, aby za każdym razem, gdy slajd "trafił", uruchamiał animację tekstową, jednak nie znalazłem niczego, co jeszcze działa.

To, co chcę zrobić, jest podobne do tego, co jest tutaj opisane: Cykl jQuery do animacji tekstu w pokazie slajdów

Wcześniej zaglądałem do wtyczki "ScrollIntoView", ale nie sądzę, że robi to, co zamierzam.

Czy ktoś wie, jak mogę to osiągnąć?

Wielkie dzięki

Odpowiedzi:

Zrobiłbym to z targetin i targetout detektory zdarzeń. Dokumentacja wydarzeń jcarousel: http://sorgalla.com/jcarousel/docs/reference/events.html

Możesz także spróbować visiblein i visibleout

Przykładowa konfiguracja, jeśli w każdym slajdzie znajduje się element tekstowy:

$(".jcarousel")
.on("jcarousel:targetin", "li", function() {
// "this" refers to the item element
// "carousel" is the jCarousel instance
var $slide = $(this);
$slide.removeClass("active-slide");

//sudo code, but put animations here
$slide.find(".text-effect-element").animate();
})
.on("jcarousel:targetout", "li", function() {
// "this" refers to the item element
// "carousel" is the jCarousel instance
var $slide = $(this);
$slide.removeClass("active-slide");

//sudo code, but put animations here
$slide.find(".text-effect-element").animate();
});

Można również użyć animacji css w zależności od klasy slajdu nadrzędnego.