jquery - JS/JQuery 图像过渡效果 - 百叶窗？

Question

我想要 2 个或更多图像之间的过渡效果。我知道在 JQuery 中可以轻松完成简单的转换，尤其是使用 Cycle插件，但我想要更复杂的东西。 Like this ，尽管这是一个很糟糕的例子。一种“百叶窗”风格效果，您可以通过一张图像看到另一张图像的变化。我希望我说得清楚。

如果可能的话，我真的想避免使用 Flash。

<小时/>

我已经使用过 animate 几次了。我想要的是一种实现我所链接的过渡风格的方法，无论是现成的还是需要一点帮助。我的问题是图像本质上是 split 的，而不仅仅是移动的。也许有办法使用面具？

Answer 1

仅靠 javascript 几乎不可能实现对角百叶窗。我可以想出几种方法来处理图像文件，但这将是一个神圣的黑客，而且动画不太可能流畅。可能有一些方法可以使用 canvas 来做到这一点，但这也会很令人头痛，因为您必须使用 canvas->vml 才能使其与 IE 一起工作。

如果您同意水平/垂直百叶窗，只需附加一堆 div 并设置宽度/高度的动画即可。