Javascript 滑块中的Fadein不工作

Javascript 滑块中的Fadein不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,为什么省略了最后一张幻灯片?如何修复它以在侧面加载后立即显示第一个图像,而无需等待?我已经尝试了一切,但无法解决它,总是有一些问题(显示两个图像在同一时间等),现在这个 //斯塔维斯拉德 var数值=0; 函数changeslide() { var imagesnumber=document.getElementById(“滑块”).getElementsByTagName(“img”); 对于(var i=0;i=图像编号长度-1) 数值=0; 其他的 numer++; timer1=se

为什么省略了最后一张幻灯片?如何修复它以在侧面加载后立即显示第一个图像,而无需等待?我已经尝试了一切,但无法解决它,总是有一些问题(显示两个图像在同一时间等),现在这个


//斯塔维斯拉德
var数值=0;
函数changeslide()
{
var imagesnumber=document.getElementById(“滑块”).getElementsByTagName(“img”);
对于(var i=0;i=图像编号长度-1)
数值=0;
其他的
numer++;
timer1=setTimeout(“changeslide()”,3000);
}
我把计数器移到函数上,这样你就不会把变量弄乱了

计数器过早重启,我用jquery解决方案替换了for循环。

var numer=0;
var numer = 0;

function changeslide(){
            var timeout=0;
            if(numer!==0){
              timeout=3000;
            }
            var imagesnumber=document.getElementById("slider").getElementsByTagName("img");



            for(var i = 0; i < imagesnumber.length; i++)
                {
                    imagesnumber[i].style.display = "none";
                }

            // Wyświetlam aktualny index

            $("#slide"+numer).fadeIn(500).css('display','block');


            if(numer >= imagesnumber.length-1)
                numer = 0;

            else
                numer++;



            timer1 = setTimeout("changeslide()", timeout);


        }
函数changeslide(){ var超时=0; 如果(数字!==0){ 超时=3000; } var imagesnumber=document.getElementById(“滑块”).getElementsByTagName(“img”); 对于(var i=0;i=图像编号长度-1) 数值=0; 其他的 numer++; timer1=设置超时(“changeslide()”,超时); }

您能将所有代码放在一个工作的JSFIDLE或类似的东西中吗?我希望我上传的是正确的,以前从未使用过。谢谢!你能告诉我第二个问题怎么办吗?(在页面加载后立即显示第一个img)再看一看谢谢:)你能告诉我这行是什么吗:如果(!this.numer)this.numer=1;是吗@函数就像一个对象。当您在函数中指定this.anythis时,就像对任何其他JS对象执行此操作一样。因为没有
this.numer
if条件将失败,并将分配“this.numer=1”。第二次调用此函数时,该条件不适用,因为this.numer的值大于0。非常感谢
var numer = 0;

function changeslide(){
            var timeout=0;
            if(numer!==0){
              timeout=3000;
            }
            var imagesnumber=document.getElementById("slider").getElementsByTagName("img");



            for(var i = 0; i < imagesnumber.length; i++)
                {
                    imagesnumber[i].style.display = "none";
                }

            // Wyświetlam aktualny index

            $("#slide"+numer).fadeIn(500).css('display','block');


            if(numer >= imagesnumber.length-1)
                numer = 0;

            else
                numer++;



            timer1 = setTimeout("changeslide()", timeout);


        }