网页：我在本地运行时出现某些图像，但在互联网上显示时会消失

Question

我正在制作一个简单的网页游戏，而且我正在使用许多不同的精灵。当我在本地浏览器中运行它时，所有图像看起来都应该如此。但是，当我将项目ftp到服务器并通过互联网访问它时，其他十几个精灵中的两个精灵都无法显示。我不明白为什么会这样，或者为什么会出现这两个图像。在我的脚本中，源的所有路径名都与我的index.html相关，所以我不明白为什么会出现这个问题。有没有人知道可能导致这种情况发生的原因？

编辑：这是我的一些特定图像的代码

var ImageSources = [
"jseco_tiles/fish_tiles/crab.png",
"jseco_tiles/Sturgeon/Sturgeon.png",
]

var fishImage = new Image();
fishImage.src = ImgSources[0];
fishImage.addEventListener('load', drawTile);

var sturgeonImage = new Image();
sturgeonImage.src = ImgSources[1];
sturgeonImage.addEventListener('load', drawTile);

我实际上有一堆以这种方式创建的图像（那个数组要大得多），我知道这不是一个好主意，但无论它在本地都有效。

Answer 1

好的，我发现了什么问题。我让我的应用程序绘制这些精灵的方式只是在预装了这么多图像时才这样做。我想将它放在网上导致图像加载的方式与本地运行时不同？事后来看，这是一个非常愚蠢的想法，因为我只将它应用于这两个图像，所以我只是从我的绘图程序中删除了这个条件。因此，如果有人遇到类似问题，您可能需要检查脚本处理图像加载的方式。