Vegas幻灯片插件导致滞后

Question

我使用Vegas幻灯片插件进行背景幻灯片放映，使用Animate.CSS为屏幕元素设置动画。

这是问题所在：

如果背景幻灯片在动画（更改幻灯片）的同时触发Animate.CSS项目，则会导致动画CSS对象滞后。

无论如何都要纠正这个问题？

我已经尝试过.finish（）和.delay（）来纠正没有运气。

Vegas幻灯片插件代码：

$("#fullScreen, body").stop().vegas({
    delay: 14000,
    timer: false,
    // shuffle: true,
    transitionDuration: 3000,
    preloadImage: true,
    animationDuration:  'auto',

        slides: [
            { src: "http://i.imgur.com/YKQFRnc.jpg" },
            { src: "http://i.imgur.com/shDTjrF.jpg" },
            { src: "http://i.imgur.com/HYJT7Yh.jpg" },
        ],
    });

示例Animate.CSS代码：

   //Screen 7 Start 
//Highest Planned College
$( "#screen7" ).hide()

$(".buttonsQuestion7").click(function() {
$('#screen7').addClass('animated slideOutUp');
$('#screen7').fadeOut()
$( "#screen8" ).show()
$( "#screen8" ).addClass('animated slideInUp');


});