0

我似乎无法理解为什么我的图像仍然不会出现在我的代码中。我所有的文件夹和图像都是正确的名称并相应地放置。但是，如果有人可以查看我的代码并查看那里是否存在错误并让此代码正常运行。那会很好。

    <!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>
4

3 回答 3

2

删除return false;线。
（这应该只用于onclick处理程序）

当您从javascript:URI 返回任何值时，浏览器会导航到返回值。
当您false从事件处理程序返回时，该事件被抑制。

于 2010-08-03T05:26:50.413 回答
0

没有示例页面很难说。如果您的所有图片都在“image-viewer”目录下，那么您需要将其添加到所有链接的路径中，即

<a href="javascript:changeImage('image-viewer/image1.jpg')">Image 1</a>
于 2010-08-03T05:26:00.057 回答
0

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

于 2010-08-03T05:26:28.983 回答