Javascript 将一张图片翻转为另一张图片

当鼠标悬停在图像上时，我试图使图像具有翻转动画。 有点像一个幸运卡的轮子翻转，除了它的一面是一个图像，另一面是另一个不同版本的图像。你知道我是怎么做的吗

<img src="image1.jpg" onmouseover="this.src='image2'" onmouseout="this.src='image1'" />

---

我在网上查了一下，我看到了如何使图像旋转，而不是翻转到另一个图像上。如果您有任何关于如何让我开始的想法，我们将不胜感激

我相信本资源概述了您试图达到的效果。非常有力的解释

我建议您看一看

本质上，您需要做的是将两个图像作为单独的图像对象

<img src="image1.jpg"/>
<img src="image2.jpg"/>

在文章中要切换的东西，一个锚

<a href="index.html" onMouseOver="SwapOut()" onMouseOut="SwapBack()"> 

最后是存储它的另一个图像

<img name="flippr" src="image1.jpg"></a>

---

我认为你的代码应该有效。有什么问题吗？看这把小提琴，它显示你的代码在工作：我的代码在工作，它只是改变图像。我希望它有一个翻转动画