Javascript 图像幻灯片在本地工作，但在托管时不工作答案

【问题标题】：Javascript image slideshow works locally, but not when hostedJavascript 图像幻灯片在本地工作，但在托管时不工作
【发布时间】：2014-04-23 23:14:12
【问题描述】：

看起来你们是我为 javascript 提供帮助的人。当我加载网页的本地副本时，我有一个幻灯片可以完美运行。但是，当我加载托管在 GoDaddy 上的实际页面时，它不起作用。第一张图片显示，但只是静态的。控制台显示没有错误。再次感谢任何和所有帮助。

<div class="auto-style1" style="width: 226px; height: 179px">
    <script language="javascript" type="text/javascript"> 
        var i = 0; var path = new Array(); 

        // LIST OF IMAGES 
        path[0] = "images/image_1.png"; 
        path[1] = "images/image_2.png"; 
        path[2] = "images/image_3.png";
        path[3] = "images/image_4.png";
        path[4] = "images/image_5.png";
        path[5] = "images/image_6.png";   

        function swapImage() 
        { 
            document.slide.src = path[i]; 
            if(i < path.length - 1) i++; 
            else i = 0; 
            setTimeout("swapImage()",3000); 
        } 
        window.onload=swapImage; 
    </script>           
    <img alt="" name="slide" height="140" src="images/image_1.png" width="224" class="auto-style2" />
</div>

【问题讨论】：

可以分享链接吗？
baprinterservice.com/temp.html 它在那里是因为它还没有完全准备好，你会看到。

标签： javascript jquery html css

【解决方案1】：

您需要在文件夹名称前加上 "/"。

路径为

path[0] = "/images/image_1.png"; 
path[1] = "/images/image_2.png"; 
path[2] = "/images/image_3.png";
path[3] = "/images/image_4.png";
path[4] = "/images/image_5.png";
path[5] = "/images/image_6.png";

【讨论】：

天啊，我一定看起来很傻。这么简单的问题。我想我不应该认为这不是路径问题，因为没有错误。
您站点上的图像位于 www.baprinterservice.com/images/image_1.png 等位置。因此，在这种情况下，您需要在文件夹名称前加上“/”。 :)

【解决方案2】：

两件事。

检查您的文件夹 Case。在 Unix 中图像 != 图像
检查文件夹权限，文件夹应该可以被所有人访问。

【讨论】：

【解决方案3】：

我无法让您的代码正常工作。试试这个：

Working demo

var i = 0; var path = new Array(); 

// LIST OF IMAGES 
path[0] = "images/image_1.png"; 
path[1] = "images/image_2.png"; 
path[2] = "images/image_3.png";
path[3] = "images/image_4.png";
path[4] = "images/image_5.png";
path[5] = "images/image_6.png";   

function swapImage()
{
    var img = document.getElementById("slide");
    img.src = path[i];
    i++;

    if(i >= path.length){
        i = 0;
    } 
    setTimeout(function() { swapImage() }, 3000);
}

window.onload=swapImage();

【讨论】：