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

Question

想象一下在不同产品视图中有三个缩略图的页面。单击视图时，主图像div将快速转换到新视图。

说这是我拍摄的鞋子，它有唯一的视图，顶视图和侧视图。

我的问题是有没有办法在点击时将旋转e.t.c的错觉从一个视图传递到另一个视图？因此，不是图像的直接变化，而是一种快速起作用的过渡，几乎可以产生变形的幻觉。

非常感谢任何想法。

Answer 1

你要求的声音有点像Tweening。其中一个变体是Morphing，它提供了从一个静止到另一个静止的一系列过渡。 This site有一个生成中间图像的工具，可能对填补当前图像之间的间隙非常有用。然后，一些标准形式的淡入淡出将给出外观而不会在每个页面加载上产生计算开销。 JavaMorph是一个Java小程序，可以实时实现。注意：在做出这个答案时，没有一个被测试过，也没有图像损坏。

Answer 2

彼得是对的 - 只需使用变形：您可以分两步对此效果进行成像：

从正方形到小矩形（几乎1个宽度）的变形 - ＆gt;替换内容 - ＆gt;变形再次恢复到相同的大小。

希望这会有所帮助：）