Is there a way to create strip transition effects similar to Nivo Slider with jquery loop?

Question

I'm a big fan of the jquery cycle plugin, but it would be great if it had more complex transition effects like Nivo Slider or jqFancyTransistions .

I understand the essence of creating custom effects with a jquery loop, but it's hard for me to find ways to create strip transition effects similar to the nivo and jqfancytransitions sliders, or if at all possible in a jquery loop. Any help on this would be greatly appreciated. Thank you

Answer 1

I hacked a minimal demonstration of proof of concept. It is written as the correct jQuery loop transition plugin.

Depending on how happy you are at playing with the code, it should be a good starting point. I myself started working with the transition in a random order, because it was the only transition that did more than manipulate the properties of CSS, which, in my opinion, is not enough for what you were aiming for.

Since I did not use the jQuery cycle before and did not write plugins for it, it is quite possible that I committed cardinal sins in some writing details.

In addition, it can be optimized. At this stage, it was first written for clarity, and the second for the second. However, on my (fairly fast) machine, the animation and reaction times are free and instant.

So you have it.

edit: The demo page now includes documentation for additional exhibits and several examples demonstrating how to achieve some different effects by simply conveying different options.

edit 2: I generalized the strips for the fragments and added many more examples to the demo page .