gpt4 book ai didi

javascript - 在 a.jpg 和 b.jpg 之间反复翻转图像

转载 作者:太空宇宙 更新时间:2023-11-04 14:10:23 29 4
gpt4 key购买 nike

我想创建一个按钮来在 a.jpg 和 b.jpg 之间反复翻转图像。这是我的代码:

<!DOCTYPE html>
<html>
<body>

<img id="image" src="a.jpg"> <br><br>

<script>
function changeImg() {
document.getElementById("image").src = document.getElementById("image").src=="b.jpg" ? "a.jpg" : "b.jpg";
}
</script>


<button onclick="changeImg()">Change Image</button>

</body>
</html>

上面的代码可以通过第一次点击改变图片。但它在第一次点击后停止翻转图像。怎么让它反复翻转图片?

最佳答案

那是因为浏览器将 src 更改为这样的路径:http://domain/path/b.jpg 而不是 b.jpg

使用endsWith 修复逻辑:

document.getElementById("image").src = document.getElementById("image").src.endsWith("b.jpg") ? "a.jpg" : "b.jpg";

关于javascript - 在 a.jpg 和 b.jpg 之间反复翻转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48133083/

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