var name = image.id;
name = "/blur/" + name + "-blur.jpg"; // Не работает!
name = name + "-blur.jpg"; // работает!
ПОЛНЫЙ КОД, без изображений...
<! doctype html>
<html lang="en">
<head>
<title>TESTING</title>
<meta charset="utf-8"> </head>
<style>
body: {
margin: 20px;
}
img: {
margin: 20px;
padding: 20px;
}
</style>
<body>
<h1> TEST!</h1> <img src="/blur/00-blur.jpg" alt="" id="00">
<img src="/blur/01-blur.jpg" alt="" id="01">
<img src="/blur/02-blur.jpg" alt="" id="02">
<img src="/blur/03-blur.jpg" alt="" id="03">
<img src="/blur/04-blur.jpg" alt="" id="04">
<img src="/blur/05-blur.jpg" alt="" id="05">
<script>
window.onload = init;
function init() {
var images = document.getElementsByTagName("img");
for (var i=0; i<images.length; i++){
images[i].onclick = showAnswer;
}
}
function showAnswer(eventObj) {
var image = eventObj.target;
var name = image.id;
name = "/blur/" + name + "-blur.jpg";
image.src = name;
}
</script>
</body>
</html>
