Javascript 为引导转盘幻灯片添加效果

我使用的是引导旋转木马，它的网站上有3个幻灯片，每个幻灯片包含一个图像和一段文字。 我想在幻灯片改变时操纵它，文本从右向左设置动画。 我已经包含了代码片段，非常感谢您的帮助

var$carousel=$（“#myCarousel”）；
$carousel.bind（'slide.bs.carousel'，函数（e）{
$（'#myCarousel.item.container div'）。动画({
'顶部'：'-50px'，
“不透明度”：“0.5”
//过渡：“全部0.5s全部0.4s轻松进出”，
},500);
$（'#myCarousel.item.active.container div'）。动画({
//过渡：“全部0.5s全部0.4s轻松进出”，
“顶部”：“0”，
“不透明度”：“1”
},500);
});

引导示例
.carousel-inner>.item>img，
.carousel-inner>.item>a>img{
宽度：70%；
保证金：自动；
}





H1
H1
H1
问题可能是您正在尝试slide.bs.carousel处理程序中的两个动画，因此它们都应用于同一元素。如果将其分解为slide.bs.carousel（发生在幻灯片之前）和slide.bs.carousel（发生在新幻灯片之后）事件，则可以更好地控制“pre”/“post”幻灯片

这里有一个例子。我使用了slideUp而不是animate，但是你应该能够用你想要的任何动画来替换

你的动画可能没有达到你所希望的效果——它们导致字幕背景向上扩展到图像的顶部。在我看来，这两个动画都取出后效果更好，之后，标题文本确实会随着图像从右到左滑入，尽管它可能仍然不是你想要的动画。@SheldonGriffin yeap，但问题不是动画，问题是我无法在下一张幻灯片上执行动画，它是在上一张幻灯片上执行的，而不是在下一轮中检查此链接，也许它可以帮助您了解如何在文本中添加动画谢谢，这正是我需要的
$('#myCarousel').on('slide.bs.carousel', function(e) {
  $('.carousel-caption').hide();
}).on('slid.bs.carousel', function(e) {
  $('.active .carousel-caption').slideToggle('slow');
});