JS/JQuery图像转换效果 - 百叶窗？

Question

我想要在2个或更多的图像之间的过渡效果。我知道简单的转换可以很容易地在JQuery中完成，特别是对于Cycle插件，但我想要更复杂的东西。 Like this，虽然这是一个不好的例子。一种“盲目”风格效果，您可以在其中一个图像通过另一个图像看到它的变化。我希望我很清楚。

我真的想尽量避免使用Flash。

---

我已经使用animate几次了。我想要的是一种实现我所链接的转换风格的方法，无论是现成的还是有一点帮助的。我的问题是，图像本质上是分裂的，而不仅仅是移动。也许有一种方法可以使用口罩？

Answer 1

如果你的罚款与垂直百叶窗选项，有一个非常光滑的jQuery插件了，现在会做你要找的效果：http://nivo.dev7studios.com

Answer 2

只有javascript，对角盲才会几乎不可能。我可以想出几种使用图像文件的方法，但它会是一种神圣的黑客攻击，动画不太可能流畅。有很多方法可以用canvas来完成，但这也会让人头疼，因为你必须使用canvas-> vml来使它适用于IE。

如果您对水平/垂直百叶窗还好，只需追加一堆div并设置宽度/高度的动画。