如何在Google Web设计器中点击/单击操作替换图像（主要用于装扮游戏）？

Question

当用户点击按钮时，我需要这样做。这件衣服变了。衣服和身体都有单独的文件。

我在GWD上的点击/点击事件中添加了自定义代码，这是

document.getElementById("body").src = "Skin-Fair(Ivory).png";
document.getElementById("body").source = "Skin-Fair(Ivory).png";

当我点击按钮时会出现一个占位符，但它从未显示预期的图像。

Answer 1

这是如何使用按钮更改图像源的最小示例。

我强烈建议您参加一个基本的网络开发课程：https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer

document.getElementById('bt').addEventListener('click', function () {
  document.getElementById('im').src = 'https://placeholdit.imgix.net/~text?txtsize=18&bg=FF6347&txtclr=ffffff&txt=New-Image&w=250&h=50';
});

<button id="bt">Button</button>
<img id="im" src="https://placeholdit.imgix.net/~text?txtsize=18&bg=FF6347&txtclr=ffffff&txt=Placeholder-Image&w=250&h=50">

Answer 2

使用GWD不需要编码技能。

我假设你已经在GWD项目中导入了所有图像。

您应该使用时间轴并创建两个不同的关键帧。 将不透明度设置为0可隐藏关键帧中不需要的资源。

点击/点击添加活动并将其设置为转到所需的关键帧/页面。