Javascript 合并旋转木马和手风琴

我在滑动内容面板中实现了内容淡入幻灯片放映

淡入式幻灯片放映在滑动面板的第一个li中，但问题是，由于滑动是随机移动的，所以我无法放映幻灯片放映

我需要的是，滑动应该等到幻灯片完成动画。幻灯片放映完成后，应出现滑动面板的下一个li

下面是用于此的代码

//Fade in slide show
var quotes = $(".inner_detail div");
    var quoteIndex = -1;

    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(2000)
            .delay(2000)
            .fadeOut(2000, showNextQuote);
    }

    showNextQuote();    
//Slider
    $('#news-container').vTicker({ 
        speed: 800,
        pause: 3000,
        animation: 'fade',
        mousePause: false,
        showItems: 1
    });

如果你想看到幻灯片效果，请删除js中的滑块代码，然后你可以看到幻灯片是如何工作的。（这里是一个只显示幻灯片的）

这是正在工作的（在这个演示中，第一个滑动li有一个幻灯片div，它无法看到，因为滑动速度很快）

---

提前感谢…

制作

暂停：6000，

将帮助您；基本上，这是幻灯片放映的总和，但淡入淡出的项目不是固定的，它们可能会增加，然后应该增加（6000*[幻灯片放映中的项目数量]）@MVC3Seeker我的意思是说项目是动态的，你永远不知道会加载多少，所以我需要一个解决方案来动态计算它，并在这么长的时间内停止

暂停：6000*（quotes.length-1）