Question

有人可以看看这个并告诉我我要做些什么才能让图像显示出来？

<head>

<SCRIPT LANGUAGE="JavaScript">



<!-- //Begin

function changeImage(filename)
{
  mainimage.src = filename;
}

//  End -->
</script>

</head>



<body>

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


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


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

Answer 1

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

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

        </script>
    </head>
    <body>

        <ul>
            <li><a href="javascript:changeImage('image1.jpg')">Image 1</a></li>
            <li><a href="javascript:changeImage('image2.jpg')">Image 2</a></li>
            <li><a href="javascript:changeImage('image3.jpg')">Image 3</a></li>
            <li><a href="javascript:changeImage('image4.jpg')">Image 4</a></li>
        </ul>

        <p>
            <img id="main_image" src="image-viewer/blank.jpg" alt="" />
        </p>

    </body>
</html>

Answer 2

将您的功能更改为：

function changeImage(filename) {
  document.main_image.src=filename;
  void(0);   
}

Answer 3

一位好朋友帮我看了一下

mainimage.src = filename;错了，应该是

<img name="mainimage" src="image-viewer/blank.jpg">

应该是

<img id ="mainimage" src="image-viewer/blank.jpg">

然后这个：

mainimage.src = filename;

应该是

document.getElementById("mainimage").setAttribute("src", filename);

还有一个额外的标签到底。但是，我认为她的影像位置问题更多了。他需要有关项目的更多信息

修改：可能会发生什么她有html文件吗？在同一个文件夹中作为图像这真的不行。因为如果她的所有文件都在 C：/图像查看器/ 没有子目录并且html文件是c:/image-viewer/index.html。因此，她需要一个新的图像文件夹

因为脚本是要求 C：/image-viewer/image-viewer/image1.jpg 而不是c：/image-viewer/image1.jpg

如果这不适合课程，她需要学习编写符合标准的代码。查找DOM

如果所有文件都在一个文件夹中，那么她必须在文件名前面取消image-viewer/。

不知道如何使用预加载的图像制作脚本

3 个答案: