有没有办法用jquery循环创建类似于Nivo Slider的条带过渡效果？

我是jquery循环插件的忠实粉丝，如果它有一些类似于Nivo Slider或jqFancyTransistions的更复杂的过渡效果，那将会很酷。

我理解如何用jquery循环创建自定义效果的问题，但我很难弄清楚如何创建类似于nivo滑块和jqfancytransitions的条带转换效果，或者它是否可能在jquery循环中。 任何有关这方面的帮助将不胜感激。 谢谢！

Answer 1

我已经制作了一个最小的概念validation演示 。 它被编写为正确的jQuery循环过渡插件。

根据您使用代码的快乐程度，它应该提供一个很好的起点。 我自己开始从shuffle过渡开始工作，因为这似乎是唯一不仅仅是操纵CSS属性的过渡，我认为这不足以满足你的目标。

由于我以前既没有使用过jQuery Cycle，也没有为它编写过渡插件，所以我完全有可能在一些关于它如何编写的细节中犯了重大罪。

此外，它肯定可以优化。 在这个阶段，它是为了清晰起见，性能第二。 然而，在我（相当快）的机器上，动画和反应时间是流畅和即时的。

所以你有它。

编辑： 演示页面现在包含额外公开选项的文档和一些示例，演示如何通过传递不同的选项来实现一些不同的效果。

编辑2：我已经将条带概括为图块并在演示页面上添加了更多示例。