有没有一种方法可以使用jquery cycle创建类似于Nivo Slider的带状过渡效果? [英] Is there a way to create strip transition effects similar to Nivo Slider with jquery cycle?

问题描述

我是 jquery循环插件的忠实粉丝，但是如果有一些更复杂的过渡效果，类似于 Nivo Slider 或

I'm a big fan of the jquery cycle plugin yet it would be cool if it had some more complex transition effects similar to Nivo Slider or jqFancyTransistions.

我了解如何使用jquery循环创建自定义效果的技巧，但是我很难解决如何创建类似于nivo滑块和jqfancytransitions的条形转换效果，或者在jquery中根本不可能创建的效果循环.任何帮助，将不胜感激.谢谢！

I understand the jist of how to create custom effects with jquery cycle, yet I'm having a hard time trying to figure out how to create the strip transition effects similar to nivo slider and jqfancytransitions or if its possible at all in jquery cycle. Any help on this would be greatly appreciated. Thanks!

推荐答案

我已经提出了最小证明-概念演示.它被编写为适当的jQuery周期转换插件.

I've whipped up a minimal proof-of-concept demo. It's written as a proper jQuery cycle transition plugin.

取决于您对使用代码的满意程度，它应该提供一个很好的起点.我本人是从shuffle过渡开始工作的，因为这似乎是唯一要做的事情，而不仅仅是操作CSS属性，我认为这不足以满足您的目标.

Depending on how happy you are with playing with the code, it should provide a good starting point. I have started working from the shuffle transition myself, as that seemed to be the only transition that did more than to manipulate CSS properties, which I think doesn't suffice for what you were aiming for.

由于我之前从未使用过jQuery Cycle，也没有为其编写转换插件，所以我在编写方式的某些细节上犯了严重的罪魁祸首是很可能的.

Since I've neither used jQuery Cycle before, nor written transition plugins for it, it's entirely possible that I've committed cardinal sins in some details of how it's written.

此外，它肯定可以优化.在此阶段，为清晰起见，其次是性能.但是，在我的(相当快)的机器上，动画和反应时间是流畅且瞬时的.

Also, it can surely be optimized. At this stage, it's written for clarity first, performance second. However, on my (rather fast) machine, the animation and reaction time are fluent and instantaneous.

所以，你在那里.

演示页面现在包括有关其他公开选项的文档以及一些示例，这些示例演示了如何仅通过传递不同的选项即可达到一些不同的效果.

edit: The demo page now includes documentation for additionally exposed options and a few examples that demonstrate how to achieve some different effects just by passing different options.

我已将条形图概括为图块，并在演示页面上放了更多示例

edit 2: I have generalized the strips to tiles and put many more examples on the demo page.

这篇关于有没有一种方法可以使用jquery cycle创建类似于Nivo Slider的带状过渡效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！