不知道如何使用预加载的图像编写脚本
有没有人可以看一下这个，告诉我要怎么做才能让图像显示出来？
<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>回答 3
Stack Overflow用户
发布于 2010-07-31 13:10:53
<!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>Stack Overflow用户
发布于 2010-07-31 13:29:07
将函数更改为：
function changeImage(filename) {
document.main_image.src=filename;
void(0);
}Stack Overflow用户
发布于 2010-08-01 05:21:12
一位好朋友帮我查到了这个
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:/image-viewer/中，没有子目录，并且html文件是c:/image-viewer/index.html。因此，她需要一个新的文件夹来存放图像
因为脚本要求c:/image-viewer/image-viewer/image1.jpg，而不是c:/image-viewer/image1.jpg
如果这不是一个类，她需要学习编写符合标准的代码。查找DOM
如果所有的文件都在一个文件夹中，那么她必须去掉文件名前面的image-viewer/。
https://stackoverflow.com/questions/3376896
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号