使用onclick交换图像的javascript转换效果

Question

我有一个显示3张图片的网站。我没有重新引导用户访问新页面，而是决定使用相同的页面。

问题

如果用户点击视图中的<button> 3个新图像显示，其他3个淡出，我该怎么做呢？使用纯javascript，而不是jQuery。

Answer 1

您可以使用JavaScript来更改图像源。只需为每个图像添加一个ID，然后：

document.getElementById(“yourID”).src = “your new source”;