Javascript JS中的图像滑块不工作

Javascript JS中的图像滑块不工作,javascript,html,image,Javascript,Html,Image,我对js滑块使用了以下代码。但它只显示了第一幅图像: 在head标签中: <script> var slideimages = new Array() slideimages[0] = new Image() slideimages[0].src = 'mini.jpg'; slideimages[1] = new Image() slideimages[1].src = 'windows8.1.png'; slideimages[2] = new Image() slidei

我对js滑块使用了以下代码。但它只显示了第一幅图像:

在head标签中:

<script>
var slideimages = new Array()
slideimages[0] = new Image() 
slideimages[0].src = 'mini.jpg';
slideimages[1] = new Image() 
slideimages[1].src = 'windows8.1.png';
slideimages[2] = new Image() 
slideimages[2].src = 'jw.jpg';
slideimages[3] = new Image() 
slideimages[3].src = 'aau.jpg';
slideimages[4] = new Image() 
slideimages[4].src = 'f7.jpg';
</script>

var slidemages=新数组()
slideimages[0]=新图像()
slideimages[0].src='mini.jpg';
slideimages[1]=新图像()
slideimages[1].src='windows8.1.png';
slideimages[2]=新图像()
slideimages[2].src='jw.jpg';
slideimages[3]=新图像()
slideimages[3].src='aau.jpg';
slideimages[4]=新图像()
slideimages[4].src='f7.jpg';
在Body标签中:-

<script>
var step = 0
var whichimage = 0

function slideit() {
    if (!document.images) return
    document.getElementById('slide').src = slideimages[step].src
    whichimage = step;
    setTimeout('slideit()', 2500);
    if (step < 4) {
        step++;
    } else {
        step = 0;
    }
}

function slidelink() {
    if (whichimage == 0) {
        window.open('movies.php#mini');
    }
    if (whichimage == 1) {
        window.open('software.php#win8.1');
    }
    if (whichimage == 2) {
        window.open('movies.php#jw');
    }
    if (whichimage == 3) {
        window.open('movies.php#aau');
    }
    if (whichimage == 4) {
        window.open('movies.php#f7');
    }
    slideit(); 
</script>  
<a href='javascript:slidelink()'><img src='mini.jpg' id='slide' width='640px' height='640px' /></a>

var步长=0
var whichimage=0
函数slideit(){
如果(!document.images)返回
document.getElementById('slide').src=slideimages[step].src
whichimage=step;
setTimeout('slideit()',2500);
如果(步骤<4){
step++;
}否则{
步长=0;
}
}
函数slidelink(){
如果(whichimage==0){
window.open('movies.php#mini');
}
如果(whichimage==1){
window.open('software.php#win8.1');
}
如果(whichimage==2){
open('movies.php#jw');
}
如果(whichimage==3){
window.open('movies.php#aau');
}
如果(whichimage==4){
window.open('movies.php#f7');
}
slideit();

你的问题是你从未关闭过你的
slidelink
函数,它会抛出一个错误,使你的代码无法工作。 在函数末尾添加一个
}
,它应该可以工作:

function slidelink() {
    if (whichimage == 0) {
        window.open('movies.php#mini');
    }
    if (whichimage == 1) {
        window.open('software.php#win8.1');
    }
    if (whichimage == 2) {
        window.open('movies.php#jw');
    }
    if (whichimage == 3) {
        window.open('movies.php#aau');
    }
    if (whichimage == 4) {
        window.open('movies.php#f7');
    }
    slideit();
}


检查一下你的控制台。这样可以避免此类错误/问题。

尝试
setTimeout(slideit,2500)。有错误吗?是因为您没有关闭
slidelink
功能吗?它缺少一个
}