使用 onclick 交换图像的 javascript 过渡效果答案

【问题标题】：Transition effects with javascript for swapping images using onclick使用 onclick 交换图像的 javascript 过渡效果
【发布时间】：2018-02-23 17:10:08
【问题描述】：

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

问题

我怎样才能做到这一点，当用户点击<button> 3 个新图像显示在视图中时，其他 3 个淡出。使用纯 javascript，而不是 jQuery。

【问题讨论】：

请显示您正在使用的代码（HTML、CSS 和 JavaScript）。
欢迎来到本站。发布问题时，请确保展示您的工作，向我们展示您目前拥有的代码。
欢迎来到 Stack Overflow！预计您至少会尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。
这应该让你开始stackoverflow.com/questions/4363439/…

标签： javascript html css

【解决方案1】：

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

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

【讨论】：