JavaScript中的幻燈片不起作用

Question

好的，我成功地創建了一個基本的幻燈片，但是我想添加更多的效果，以使其看起來更逼真。 我正在做一些編碼，但是我不知道出什么問題了。 每次運行腳本時，我最終都會使MOZILLA崩潰。 誰能幫我正確地做到這一點？ 更不用說我不想對我的代碼進行任何形式的jQuery修改

的JavaScript

    var img = new Array("a.jpg","b.jpg","c.jpg");
    var len = img.length - 1;
    var pos = 0;

    function slid(e){
        pos = pos + e;
        if(pos < 0)
        {
            pos = len;
        }
        if(pos > len)
        {
            pos = 0;
        }

        var a = 1;
        var i = 1;

        while(i<=50)
        {
            function op(a) {
                a -= 0.02;
                if(a < 0)
                {
                    a = 1;
                }
                document.getElementById("slide").style.opacity = a;
            }
            i++;
        }

        document.getElementById("slide").src = img[pos];
        return false;
    };

是的，它不會褪色（在這種情況下，更改不透明度）也可以幫助我嗎？

Answer 1

在這里看看：

while(i<=50)
    {
        function op(a) {
            a -= 0.02;
            if(a < 0)
            {
                a = 1;
            }
            document.getElementById("slide").style.opacity = a;
        }
    }

您沒有增加'i'計數器變量，從而導致無限循環，從而導致瀏覽器崩潰。 替換為：

while(i<=50)
    {
        function op(a) {
            a -= 0.02;
            if(a < 0)
            {
                a = 1;
            }
            document.getElementById("slide").style.opacity = a;
        }
        i++; //increment the counter variable to prevent an infinite loop
    }