I am trying to implement a carousel slider of bootstrap and want the caption to animate when the slider is active. It does animate for first slide but not for others. Below is my code:
// Slider
var controllerSlider = new ScrollMagic.Controller({vertical: false});
jQuery('.carousel-inner .item').each( function() {
var tlSlider = new TimelineMax()
.from( jQuery(this).find('h1'), 3, { x: -50, autoAlpha: 0,})
.from( jQuery(this).find('h2'), 3, { y: -50, autoAlpha: 0,});
var scene = new ScrollMagic.Scene({triggerElement: jQuery(this) })
.setTween(tlSlider)
.addTo(controllerSlider);
});