Question

我正在使用一个非常简单的代码。我想每2.5秒更换一个图像，作为图片的小幻灯片。它在源代码中做了正确的事情（浏览器中的代码检查器），但是在firefox和opera中图片没有变化。 IE，Chrome和Safari（移动）工作正常。

<script language="JavaScript">
        var i = 0; var path = new Array(); 

        // LIST OF IMAGES 
            path[0] = "./images/xess1.jpg"; 
            path[1] = "./images/xess2.jpg"; 
            path[2] = "./images/xess3.jpg";
            path[3] = "./images/xess4.jpg";
                (...)

        function swapImage() { 
            document.slide.src = path[i]; 
                if(i < path.length - 1) 
                i++; 
                else i = 0;
                setTimeout("swapImage()",2500); 
                } 
            window.onload=swapImage;

        <div class=left>
            <img name="slide" id=inner src="./images/xess1.jpg" />
        </div>

我也尝试过：

document.getElementById('inner').src = path[i];

但它会导致相同的结果吗？

代码更改有效，但图片不会更改： see here

谢谢！

不，控制台中没有错误：

11:35:32.848 GET http://*******/images/xess1.jpg [HTTP/1.1 200 OK 42676ms]
11:36:17.995 GET http://*******/images/xess2.jpg [HTTP/1.1 200 OK 2493ms]
11:36:20.510 GET http://*******/images/xess3.jpg [HTTP/1.1 200 OK 2744ms]
11:36:23.031 GET http://*******/images/xess4.jpg [HTTP/1.1 200 OK 2492ms]
11:36:25.540 GET http://*******/images/xess5.jpg [HTTP/1.1 200 OK 2492ms]

您可以在此处找到该页面： www.miramo.de/miramo.de.html

Answer 1

使用大括号作为id：

id="inner"

然后你的行

document.getElementById('inner').src = path[i];

应该有用。

JS正在改变src，但是在firefox中图像没有变化

1 个答案: