Question

我正在努力制作一种在线画廊，这是第一个.html文档，当我点击其中一个图片缩略图时，它应该在gallery.html中打开带有该图像全尺寸的html

<html >
<head>
<title>Untitled Document</title>
</head>
<body > 
<a href="gallery.html?image1.jpg"> <img  height="85" width="85"  src="image1.jpg" /> </a>
<a href="gallery.html?image2.jpg"> <img  height="85" width="85"  src="image2.jpg" /> </a>
<a href="gallery.html?image3.jpg"> <img  height="85" width="85"  src="image3.jpg" /> </a>
</body>
</html>

gallery.html

<html>
<head>
<script language = "javascript">
function getUrl(){
var url = window.location.search;
path = url.substring(1);
changeImage(path);
}

function changeImage(path){
var imgDest = document.getElementById("image");
var imgSrc = path;
imgDest.setAttribute("src", imgSrc);
}
</script>
<title>Galerry</title>
</head>
<body>
<img src="" id="image"/>
<br>
</body>
</html>

所有图片和.html文档都在同一个文件夹中...还有一些.jpg图片，其名称中有空格，所以点击它们将％20放在adrress栏中而不是空格中，我知道％20取代空间，但可能存在问题吗？我是这么认为的，但它也想要用常规名称加载图像。知道我怎么能加载这些图像？

问候

Answer 1

在我看来，你的javascript函数永远不会被调用。编辑脚本，以便在页面加载时调用它：

<script language="javascript">
// Assign an anonymous function to the onload event
window.onload = function(){
    // Place code to execute here.
}
</script>

或者，修改您的<body>代码：

  <body onload="getUrl();">

javascript不会从网址加载图片

1 个答案: