Javascript滑块不工作 var slideIndex=0； 放映幻灯片（）； 函数showSlides（） { var i； var slides=document.getElementsByClassName（“图像sliderfade”）； var dots=document.getElementsByClassName（“dot”）； 对于（i=0；i幻灯片长度） { slideIndex=1； } 对于（i=0；i

我尝试使用自动滑块，但出现以下错误：

---

未捕获的语法错误：意外的标记“（”或它指示showSlides（）未定义

请在定义后调用函数

var slideIndex = 0; 
showSlides();
function showSlides() 
{ 
    var i; 
    var slides = document.getElementsByClassName("image-sliderfade");  
    var dots = document.getElementsByClassName("dot");  
    for (i = 0; i < slides.length; i++) { 
        // initially set the display to  
        // none for every image. 
        slides[i].style.display = "none";  
    } 
    slideIndex++;  
    if (slideIndex > slides.length)  
    { 
        slideIndex = 1; 
    } 
    for (i = 0; i < dots.length; i++) { 
        dots[i].className = dots[i].className. 
                            replace(" active", ""); 
    } 
    slides[slideIndex - 1].style.display = "block"; 
    dots[slideIndex - 1].className += " active"; 
    setTimeout(showSlides, 2000);  
} 

var slideIndex=0；
函数showSlides（）
{ 
var i；
var slides=document.getElementsByClassName（“图像sliderfade”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；i幻灯片长度）
{ 
slideIndex=1；
} 
对于（i=0；i

确保以下代码正确无误

var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；islides.length）{slideIndex=1}
对于（i=0；i

*{框大小：边框框；}
正文{字体系列：Verdana，无衬线；}
.mySlides{display:none；}
img{垂直对齐：中间；}
/*幻灯片容器*/
.slideshow容器{
最大宽度：1000px；
位置：相对位置；
保证金：自动；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
/*点/子弹/指示器*/
多特先生{
高度：15px；
宽度：15px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.主动{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
来自{opacity:.4}
到{opacity:1}
}
@关键帧淡入淡出{
来自{opacity:.4}
到{opacity:1}
}
/*在较小的屏幕上，减小文本大小*/
@仅介质屏幕和（最大宽度：300px）{
.text{字体大小：11px}
}

自动幻灯片放映
每2秒更改一次图像：

1/3
标题文本
2/3
标题二
3/3
标题三

为什么在第二行中使用showSlides（）；它在函数实现之前没有识别函数。@Pramuditha Javascript将允许在块内的任何位置使用函数。我尝试了这段代码，效果很好。可以提供更多代码或说明吗？您的执行情况如何。。。。

var slideIndex = 0; 

function showSlides() 
{ 
    var i; 
    var slides = document.getElementsByClassName("image-sliderfade");  
    var dots = document.getElementsByClassName("dot");  
    for (i = 0; i < slides.length; i++) { 
        // initially set the display to  
        // none for every image. 
        slides[i].style.display = "none";  
    } 
    slideIndex++;  
    if (slideIndex > slides.length)  
    { 
        slideIndex = 1; 
    } 
    for (i = 0; i < dots.length; i++) { 
        dots[i].className = dots[i].className. 
                            replace(" active", ""); 
    } 
    slides[slideIndex - 1].style.display = "block"; 
    dots[slideIndex - 1].className += " active"; 
    setTimeout(showSlides, 2000);  
};
showSlides();