使用javascript更改多个图像
使用javascript更改多个图像
提问于 2018-10-16 07:00:31
我正在尝试设置一个包含多个图像(游戏中的卡片)的页面，默认情况下，卡片开始显示背面。当你点击一张图片时，它会翻转，向你展示正面。
下面是其中一个图像，以及我如何更改该图像：
<img src="TechBack.png" id="Tech" onclick=diffImageTech(this) />
<script>
function diffImageTech(img)
{
if(img.src.match(/TechBack/)) img.src = "TechFront.png";
else img.src = "TechBack.png";
}
</script> 我还想要发生的是，如果卡A已经翻到前面的图像，那么当你点击卡B时，卡A将翻到后面，卡B将翻到前面的图像。
这是我试图通过一些谷歌搜索来做的工作：
<img src="CelebBack.png" id="CelebBack" onclick=diffImageCelebs(this) />
<img src="TechBack.png" id="TechBack" onclick=diffImageTech(this) />
<script>
function diffImageCelebs(element)
{
var a = element.getElementById("CelebBack").item(0);
var b = element.getElementById("TechBack").item(0);
var aa = a.getAttribute("src");
var bb = b.getAttribute("src");
if bb = "TechFront.png"
{ bb = "TechBack.png"; }
else { "TechBack.png"; }
b.setAttribute("src", bb);
if aa = "CelebBack.png";
{ aa = "CelebFront.png"; }
else { "CelebBack.png"; }
a.setAttribute("src", aa);
}
</script> 有什么想法吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52825812
复制相关文章
相似问题
腾讯云开发者
