0

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

幻灯片淡入淡出在滑动面板的第一里，但问题是由于滑动随机移动，我无法显示幻灯片。 

我需要的是，滑动应该等到幻灯片完成动画。幻灯片放映完成后，滑动面板的下一个 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，因为滑动移动得很快）

提前致谢...

4

0 回答 0