gpt4 book ai didi

javascript - 按下按钮即可更改图像

转载 作者:行者123 更新时间:2023-11-28 05:59:34 25 4
gpt4 key购买 nike

我想使用按钮将图像更改为 gif,这部分代码我正在工作。
但现在他们要求我使用第二个按钮(我们称之为停止按钮)将 gif 改回之前的图像。

这是我目前拥有的代码:

<script>
function pictureChange()
{
document.getElementById("theImage").src="http://www.animaties.com/data/media/194/vis-bewegende-animatie-0135.gif";
}
</script>
<body>
<img id="theImage" src="http://www.pastasite.nl/file/2011/11/vis.jpg">
<p><input type="button" id="theButton" value="click me!" onclick="pictureChange()"></p>
</body>

图像仅供引用。

最佳答案

只是else条件

function pictureChange() {
if (document.getElementById("theImage").src == "http://www.pastasite.nl/file/2011/11/vis.jpg") {
document.getElementById("theImage").src = "http://www.animaties.com/data/media/194/vis-bewegende-animatie-0135.gif";
} else {
document.getElementById("theImage").src = "http://www.pastasite.nl/file/2011/11/vis.jpg";
}
}
<img id="theImage" src="http://www.pastasite.nl/file/2011/11/vis.jpg">
<p>
<input type="button" id="theButton" value="click me!" onclick="pictureChange()">
</p>

关于javascript - 按下按钮即可更改图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37386264/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com