我可以使用JavaScript在我的计算机上使用图像吗？

Question

我试图建一座房子，在房子上打开门 我已经在photoshop上制作了两个房子的图像并将它们保存为.jpg

这是我为HTML制作的代码：

<img id="house" onmouseover="open()" src="doorclosed.jpg"/>

这是JavaScript代码：

function open() {
            document.getElementById("house").src='dooropened.jpg';
    }

问题是当我点击网页上的封闭的房屋图像时，我得到一个白页，html文件名在标题栏中。

我做错了什么？我不应该从电脑上添加图片吗？因为我使用相同的代码使用来自互联网的图像。

Answer 1

您必须更改功能名称。例如，将“open”更改为“changeImg”。

<img id="house" onmouseover="changeImg()" src="doorclosed.jpg"/>

function changeImg(){
            document.getElementById("house").src='dooropened.jpg';
    }