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);
}