0

我正在尝试制作一种在线画廊，这是第一个 .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>

画廊.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 放​​在地址栏中而不是空格，我知道 %20 会替换空格，但问题可能存在吗？我是这么认为的，但它也想加载具有常规名称的图像。知道如何加载这些图像吗？

问候

4

1 回答 1

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();">
于 2012-06-25T09:33:14.263 回答