个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
29
4
我想创建一个按钮来在 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
我有一个小心理障碍:我有一个 html 中的 javascript 函数，可以在按下某个键时写入键码。我已经将它连接到一个函数，该函数可以准确地告诉我按下了什么字符和键码(不包括在内)。 我的问题是如
我上网已经有一段时间了，现在正试图解决这个问题。可以找到正在发生的事情的视频: https://i.gyazo.com/59fc489b6099b513c41aedeed482b8d2.mp4 $(d
我有一个 Python 程序，其中一个函数导入另一个脚本并运行它。但是脚本仅在第一次函数被调用时运行。 def Open_Generator(事件): 导入密码生成器 有什么建议吗？ *该函数在 tk
我正在尝试在 git 中创建两个包含二进制文件的分支 - 一个“开发”分支和一个“稳定”分支。在我想将它们“发布”到稳定分支之前，开发分支可以对这些文件进行一些更改(并且稳定分支已重命名这些文件，以防
我在 IBM BlueMix 中的 Node Red 应用程序反复崩溃 - 每小时一次 - 除了“exited with status: 1.”之外没有任何真正的错误消息 如何解决此问题？ 是否有来自
我是一名优秀的程序员,十分优秀！