0

我正在尝试使用 javascript 在运行时动态设置图像。但是我总是在萤火虫中得到 404 错误，说找不到图像。当我运行它时，javascript 似乎在主文件夹而不是图像文件夹中寻找图像。我是否缺少指定图片网址的格式？
为什么它在查看该位置，而它应该查看解决方案中的图像文件夹？此外，如果我将该 javascript 设为外部，则即使我对 js 文件的引用是正确的，html 也无法访问它。有人愿意为此做出贡献吗？非常感谢您的帮助。

这是我的代码

html 

<body onload="startTime();">   

        <div class="img">
             <img id="img1" border="0" src="~/Images/Ghandrukpic4.jpg" alt="GhanddrukPic4" class="image" />
        </div>         

</body>

Javascript代码

    $(function () {

        function startTime() {

        var imgArray = new Array("Images/60987Ghandruk Village.jpg", "Images/GhandrukPic2.jpg", "Images/ghandrukpic3.jpg");
        var imgCount = 0;
        if (imgCount == imgArray.length) {
            imgCount = 0;
        }
        document.getElementById("img1").src = imgArray[imgCount];
        imgCount++;
        setTimeout("startTime()", 5000);
    }

});
4

1 回答 1

1

/在数组中的图像字符串前面添加一个。

new Array("/Images/60987Ghandruk Village.jpg", "/Images/GhandrukPic2.jpg", "/Images/ghandrukpic3.jpg");

这将使浏览器知道从您站点的根目录请求。如果没有正斜杠，则它Relative是加载页面的路径。因此，如果您所在的页面是http://yoursite.com/home/，那么它将在嵌套在您不存在的 /home 目录中的 images 目录中查找。

至于你的javascript。startTime在你的外部解开你的函数，它应该可以正常工作。

function startTime() {

        var imgArray = new Array("/Images/60987Ghandruk Village.jpg", "/Images/GhandrukPic2.jpg", "/Images/ghandrukpic3.jpg");
        var imgCount = 0;
        if (imgCount == imgArray.length) {
            imgCount = 0;
        }
        document.getElementById("img1").src = imgArray[imgCount];
        imgCount++;
        setTimeout("startTime()", 5000);
    }
于 2013-09-07T12:38:16.050 回答