我的Javascript图像预加载程序代码存在问题

我的Javascript图像预加载程序代码存在问题,javascript,image,preloader,Javascript,Image,Preloader,我似乎不明白为什么我的图像仍然不能显示在代码中。我所有的文件夹和图像都是正确的名称,并相应地放置。但是,如果有人可以查看我的代码,看看是否有错误,并让此代码正常运行。那太好了 <!DOCTYPE html> <html> <head> <title>Sample page</title> <script type="text/javascript"> function

我似乎不明白为什么我的图像仍然不能显示在代码中。我所有的文件夹和图像都是正确的名称,并相应地放置。但是,如果有人可以查看我的代码,看看是否有错误,并让此代码正常运行。那太好了

    <!DOCTYPE html>
<html>
    <head>
        <title>Sample page</title>   
        <script type="text/javascript">

function changeImage(replacement)
        {
            document.getElementById("main_image").src = replacement;
            return false;   
        }

//  End -->
</script>
</head>






<body>

<p>
<a href="javascript:changeImage('image1.jpg')">Image 1</a>
<a href="javascript:changeImage('image2.jpg')">Image 2</a>
<a href="javascript:changeImage('image3.jpg')">Image 3</a>
<a href="javascript:changeImage('image4.jpg')">Image 4</a>
</p>
<p>
<img id="main_image" src="image-viewer/blank.jpg" alt="" /></p>


<p><center>
<font face="arial, helvetica" size"-2">
</center><p>



</font></body>
</html>

样本页
功能更改图像(更换)
{
document.getElementById(“主图像”).src=replacement;
返回false;
}
//结束-->


如果没有示例页面,很难判断。如果所有图像都在“图像查看器”目录下,则需要将其添加到所有链接的路径中,即

<a href="javascript:changeImage('image-viewer/image1.jpg')">Image 1</a>


是否将image1.jpg、image2.jpg、image3.jpg和image4.jpg与粘贴的文件放在同一文件夹中?如果没有,则需要在
javascript:changeImage()调用中指定该调用的路径。

删除
返回false行。
(这应该只用于
onclick
处理程序)

当您从
javascript:
URI返回任何值时,浏览器将导航到返回值。

当您从事件处理程序返回
false
时,事件将被抑制。

当您尝试时会发生什么?好的,请您描述一下帮助您的原因。或者删除帖子,如果它不是那么有趣,以保持stackowerflow洪水自由。非常感谢。