将一张图片翻转成另一张图片答案

【问题标题】：flipping a picture over into another image将一张图片翻转成另一张图片
【发布时间】：2014-04-30 17:07:41
【问题描述】：

我试图使图像在鼠标悬停时具有翻转动画。有点像命运之轮卡翻转，除了它的一侧是一个图像，另一侧是不同版本的图像。有什么想法我该怎么做？

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

我在网上查找它，我看到了如何让图像旋转而不是翻转成另一个图像。任何如何让我开始的想法将不胜感激

【问题讨论】：

【解决方案1】：

我建议您查看this article。

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

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

可以切换的东西（在文章的例子中，一个锚点）

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

最后还有一些东西来存储它（另一张图片）

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

【讨论】：

【解决方案2】：

我相信此资源概述了您想要达到的效果。相当有力的解释。 http://guilhemmarty.com/flippy/

【讨论】：