您好,我正在尝试使用 JavaScript 创建一个画廊。 我想在底部有一排小图像,当您单击其中一个时,它将在上面的更大窗口中显示该图像。该窗口当前包含图像。
JavaScript 新手,所以不能 100% 确定我在做什么。 这是我试图使用但不起作用的。 任何提示都会非常感谢。:
<script>
function changeimage(val)
{
var x = val.getAttribute("src");
var y = getElementById("Display");
var z = y.getAttribute("src");
z.setAttribute("src","x");
}
</script>
<img class="mid_one" src="Images/home3.jpg" alt="home1" width="186px" height="186px" onclick="changeimage(this)"/>
提前致谢。
<img name="Display" id="Display" src="Images/home2.jpg" width="450" height="450" alt="Displayed Image"/>
编辑:添加显示
最佳答案
您应该在元素上设置属性 (y
),不能在属性值 (z
) 上设置属性。
此外,您应该使用变量 x
从其他图像获取源,而不是字符串 "x"
。
var x = val.getAttribute("src");
var y = document.getElementById("Display");
y.setAttribute("src", x);
关于javascript - 如何使用javascript将一张图像更改为我点击的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13408324/