2012-06-25 56 views
0

我正在嘗試做一種在線圖庫,這是第一個.html文檔,當我點擊圖像縮略圖之一時,它應該在gallery.html中打開該圖像的完整大小的html.htmljavascript does not load url from url

<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替換空間,但問題可能在那裏嗎?我認爲是這樣,但它也想用常規名稱加載圖像。任何想法如何加載這些圖像?

關於

+0

你確定'路徑= url.substring(1)''得到IMAGEX .jpg的URL? – ClydeFrog

+0

你沒有調用getUrl()函數...並確保getUrl()中的'path'var得到了正確的路徑(你可以在那裏使用一個警報).. –

+0

是的,路徑是正確的,問題很明顯,我沒有在身上onload:s –

回答

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();"> 
+0

tnx,就是這樣,我現在應該休息,沒有看到明顯的東西:) –

+0

標記這是正確的答案和upvote,然後:) – ClydeFrog