旋转产品图像，使它们看起来像是合并到不同的视图中

Question

想象一下，一个页面上有三个不同产品视图的缩略图。当你点击一个视图时，主图像div会快速过渡到新视图。

假设这是一只我正在拍摄的鞋，它有一个单独的视图，俯视图和侧视图。

我的问题是，当点击时，有没有办法从一个视图到另一个视图提供旋转e.t.c的错觉？因此，不是图像的直接变化，而是一种快速工作的转换，几乎给人一种变形的错觉。

任何想法都将不胜感激。

Answer 1

你所要求的听起来有点像Tweening。其中一个变体是Morphing，它提供了一系列从一个静止到另一个的转换。This site有一个生成中间图像的工具，可能有助于填补当前图像之间的空白。然后，一些标准形式的fadeshow将提供外观，而不会在每次页面加载时产生计算开销。JavaMorph是一个Java applet，可以实时就地执行此操作。注意:所有这些都没有经过测试，在制作这个答案的过程中也没有损坏任何图像。

Answer 2

Peter是对的--只需使用变形:你可以在两个步骤中想象这个效果：

从正方形变形到小矩形(几乎1宽) ->将内容->变形再次替换回相同的大小。

希望这能有所帮助:)