文章/答案/技术大牛

发布

社区首页 >问答首页 >我的Javascript图像预加载器代码问题

问我的Javascript图像预加载器代码问题
EN

Stack Overflow用户

提问于 2010-08-03 13:22:19

回答 3查看 146关注 0票数 0

我似乎不能理解为什么我的图像仍然不能与我的代码一起显示。我所有的文件夹和图像都有正确的名称，并相应地放置。但是，如果有人可以检查我的代码，看看是否有错误，并让这段代码正常运行。那就太好了。

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

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

//  End -->
</script>
</head>






<body>

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


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



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

javascript

image

preloader

回答 3

Stack Overflow用户

发布于 2010-08-03 13:26:50

删除return false;行。

(这应该只用于onclick处理程序)

当您从javascript: URI返回任何值时，浏览器将导航到返回值。

从事件处理程序返回false时，将取消该事件。

票数 2

Stack Overflow用户

发布于 2010-08-03 13:26:00

如果没有示例页面，就很难判断。如果你所有的图片都在'image-viewer‘目录下，那么你需要把它添加到你所有链接的路径中，即

<a href="javascript:changeImage('image-viewer/image1.jpg')">Image 1</a>

票数 0

Stack Overflow用户

发布于 2010-08-03 13:26:29

image1.jpg、image2.jpg、image3.jpg和image4.jpg是否与您粘贴的文件在同一文件夹中？如果不是，则需要在javascript:changeImage()调用中指定该路径。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3393782

复制

相似问题

问我的Javascript图像预加载器代码问题
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我的Javascript图像预加载器代码问题EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我的Javascript图像预加载器代码问题
EN