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

Question

我是jquery cycle plugin 的忠实粉丝，但如果它有一些类似于Nivo Slider 或jqFancyTransistions 的更复杂的过渡效果会很酷。

我了解如何使用 jquery 循环创建自定义效果的要点，但我很难弄清楚如何创建类似于 nivo 滑块和 jqfancytransitions 的条形过渡效果，或者在 jquery 中是否有可能循环。对此的任何帮助将不胜感激。谢谢！

Answer 1

我创建了一个minimal proof-of-concept demo。它是作为一个合适的 jQuery 循环转换插件编写的。

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

由于我之前没有使用过 jQuery Cycle，也没有为它编写过转换插件，我完全有可能在它的一些编写细节上犯了大罪。

此外，它肯定可以优化。在这个阶段，它首先是为了清晰，其次是性能。但是，在我（相当快的）机器上，动画和反应时间是流畅且瞬时的。

所以，你有它。

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

编辑 2：我将条带概括为瓷砖，并在 demo page 上放置了更多示例。