2012-06-25 3 views
0

Я пытаюсь сделать вид онлайн-галереи, это первый .html документ, и когда я нажимаю на одном из уменьшенного изображения должны открыть HTML с этим изображением полного размером в gallery.htmlJavascript оленью кожу загрузить изображение из 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 bar вместо пространства, я знаю, что% 20 заменяет пространство, но может быть проблема? Я так и думал, но он тоже хочет загрузить изображение с обычным именем. Любая идея, как я могу загрузить эти изображения?

рассматривает

+0

вы уверены, что 'путь = url.substring (1),' 'получает IMAGEX, .jpg из URL? – ClydeFrog

+0

Вы не вызываете функцию getUrl() ... и убедитесь, что «путь» var в getUrl() получает правильный путь (вы можете использовать там предупреждение). –

+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

Смежные вопросы