Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Don';我不知道如何使用预加载的图像制作脚本_Javascript_Image_Image Preloader - Fatal编程技术网

Javascript Don';我不知道如何使用预加载的图像制作脚本

Javascript Don';我不知道如何使用预加载的图像制作脚本,javascript,image,image-preloader,Javascript,Image,Image Preloader,有人能看一下这个,告诉我我该怎么做才能让图像显示出来吗? 样本页 功能更改图像(更换) { document.getElementById(“主图像”).src=replacement; 返回false; } 将您的功能更改为: function changeImage(filename) { document.main_image.src=filename; void(0); } 一个好朋友帮我查这个 mainimage.src=文件名错误,应改

有人能看一下这个,告诉我我该怎么做才能让图像显示出来吗?



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


将您的功能更改为:

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

一个好朋友帮我查这个

mainimage.src=文件名错误,应改为

应该是

然后这个:

mainimage.src=文件名

应该是

document.getElementById(“mainimage”).setAttribute(“src”,文件名)

还有一个额外的 最后加上标签

不过,我认为她在图像位置上有更多的问题。他需要更多关于这个项目的信息

编辑:可能发生的情况 她有html文件吗 在同一文件夹中 如图所示 这真的行不通。 因为如果她所有的文件都在 c:/image查看器/ 没有子目录 html文件是
c:/image viewer/index.html
。因此,她需要一个新的图像文件夹

因为剧本 他要求什么 c:/image viewer/image viewer/image1.jpg 与c相反:/image viewer/image1.jpg

如果不是针对某个类,她需要学习编写符合标准的代码。查找DOM


如果所有文件都在一个文件夹中,那么她必须去掉文件名前面的
image viewer/

谢谢。我并不想听起来无知,但是当我运行脚本时,我的图像仍然不会显示。所有弹出的是白色框中的红色“X”。如何将图片加载到我的页面上?对不起。。。我搞砸了,不是身份证,而是名字。我相应地修改了代码。这应该行得通。您当前的代码似乎运行良好。我复制了你的代码,将它放在一个名为test.html的文件中,然后制作了一个名为“image viewer”的文件夹,并在其中放置了4幅图像。它在Safari、Chrome和Firefox中都能正常工作。无法在我的家用电脑上进行IE测试。你确定文件名正确吗?我不知道如何将图像加载到我的页面上。我知道这听起来很可笑,但是当你运行脚本时,没有图片显示。图片应该来自我的计算机吗?是的,我确定,但是它没有加载IE。这是我的问题。我的图像查看器文件中是否也应该有一个空白的.jpg?请不要使用javascript:URL-如果在新选项卡中打开链接(我经常这样做),它们会严重损坏<代码>
将做同样的事情,更好。
<!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>
function changeImage(filename) {
  document.main_image.src=filename;
  void(0);   
}