Javascript Vegas幻灯片放映插件导致延迟

我正在使用Vegas Slideshow插件制作背景幻灯片和Animate.CSS来制作屏幕元素的动画

问题是：

如果背景幻灯片在启动Animate.CSS项目的同时正在制作动画（更改幻灯片），则会导致与Animate CSS对象的延迟

是否有任何方法来纠正此问题

我尝试了.finish（）和.delay（）来纠正错误，但没有成功

拉斯维加斯幻灯片放映插件代码：

$("#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');


});