再会。
目标是让活动幻灯片在更改幻灯片时为文本的外观设置动画。幻灯片更改并出现新的活动幻灯片后,相同的动画也应该在其上工作。
我是如何做到的:将动画触发挂在 slideChange/transitionStart swiper 事件上,但是,这种方法不起作用,因为在动画完成后,它会停止重复。而且,只有在切换到第二张幻灯片时才执行,并且只针对第二张幻灯片,那么所有幻灯片都是静态的。
为了使文本动画化,我使用了 Textillate.js ,找到了所需的类并将动画附加到它:
mySwiper.on('slideChange', function() {
$(function () {
$('.tlt').textillate({
in: {
effect: 'fadeInUp'
},
loop: false,
});
});
我想得到近似于这个滑块示例的结果