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

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

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

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

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

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

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

所以你有它。

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

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