/ / स्लाइड के भीतर पाठ एनिमेशन रखने के लिए जर्कसेल में कॉलबैक का उपयोग कैसे करें? - jquery, एनीमेशन, jcarousel

स्लाइड के भीतर टेक्स्ट एनीमेशन रखने के लिए jcarousel में कॉलबैक का उपयोग कैसे करें? - jquery, एनीमेशन, jcarousel

मैं "स्लाइड शो के साथ स्लाइड शो का निर्माण किया है और मैं स्लाइड स्लाइड शो में संक्रमण के बाद पाठ चेतन है पसंद है। तो पहले स्लाइड आती है, फिर टेक्स्ट बाद में एनिमेट होता है।

मैं यह पता लगाने की कोशिश कर रहा हूं कि कॉलबैक सुविधा का उपयोग कैसे किया जाए ताकि जब भी कोई स्लाइड "हिट" हो तो यह कुछ पाठ एनीमेशन को आग लगा दे। हालांकि, मुझे कुछ भी नहीं मिला जो अभी तक काम करता है।

जो मैं करना चाहता हूं, वह यहां वर्णित के समान है: स्लाइड शो पर पाठ एनीमेशन के लिए jQuery चक्र

मैं "स्क्रॉलइंटरव्यू" प्लगइन का उपयोग कर रहा हूं, लेकिन यह मत सोचो कि यह वही है जो मैं चाहता हूं।

क्या किसी को पता है कि मैं इसे कैसे हासिल कर सकता हूं?

बहुत धन्यवाद

उत्तर:

जवाब के लिए 0 № 1

मैं इसके साथ करूँगा targetin तथा targetout घटना सुनने वाले। जर्कसेल घटनाओं के लिए प्रलेखन: http://sorgalla.com/jcarousel/docs/reference/events.html

आप भी कोशिश कर सकते हैं visiblein तथा visibleout

उदाहरण सेटअप यदि आपके पास प्रत्येक स्लाइड के अंदर पाठ तत्व है:

$(".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();
});

आप मूल स्लाइड के वर्ग पर निर्भर सीएसएस एनिमेशन का उपयोग भी कर सकते हैं।