JavaScript幻灯片仅显示每个OTHER图像

Question

所有

我遇到了最奇怪的问题。我的页面上有一个幻灯片脚本完美地工作，直到十分钟前。现在这个东西仍然有效，但它只显示其他所有图像。奇怪。它只显示01.jpg，03.jpg，05.jpg，我无法理解为什么。

代码：

<script type="text/javascript">
        // Only run everything once the page has completely loaded
        $(window).load(function () {
            var imgs = [
                'Images/Slideshow/02.jpg',
                'Images/Slideshow/03.jpg',
                'Images/Slideshow/04.jpg',
                'Images/Slideshow/05.jpg',
                'Images/Slideshow/06.jpg',
                'Images/Slideshow/01.jpg'];

            var cnt = imgs.length;
            function Slider() {
                $('#imageSlide').fadeOut(5000, function () {
                    $(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn(2000);
                });
            }
            $(function () {
                setInterval(Slider, 5000);
            });
        });
    </script>

再次......我见过最奇怪的事情。任何人都有任何线索这可能是什么？我不知所措。

Answer 1

你的淡出+淡入淡出时间（5000 + 2000）必须小于间隔定时器（5000）。

试试这个：

function Slider() {
    $('#imageSlide').fadeOut(1000, function () {
        $(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn(1000);
    });
}
$(function () {
    setInterval(Slider, 5000);
});