jQueryサイクルでNivoスライダーと同様のストリップ遷移効果を作成する方法はありますか？

Question

私は大ファンです jQueryサイクルプラグイン しかし、それがより複雑な遷移効果があるならば、それはクールでしょう Nivoスライダー また jqfancytransistions.

jQueryサイクルでカスタムエフェクトを作成する方法のJistを理解していますが、Nivo SliderやJQFancyTransitionと同様のストリップ遷移効果を作成する方法を理解しようとするのは難しいです。これに関する助けは大歓迎です。ありがとう！

Answer 1

私はホイップしました 最小限の概念デモ. 。適切なjQueryサイクルトランジションプラグインとして書かれています。

コードで遊ぶことにどれだけ幸せかによって、それは良い出発点を提供するはずです。私は自分でシャッフルトランジションから作業を始めました。それは、CSSプロパティを操作する以上のことをした唯一の移行であるように思われたためです。

私は以前にjQueryサイクルを使用したことも、それのために書面によるトランジションプラグインも使用していないため、それがどのように書かれているかのいくつかの詳細で基本的な罪を犯した可能性は完全にあります。

また、確実に最適化できます。この段階では、最初にClarityのために書かれており、パフォーマンスが2番目に書かれています。ただし、私の（かなり高速な）マシンでは、アニメーションと反応時間は流fluentで瞬時です。

だから、あなたはそれを持っています。

編集： デモページ 追加されたオプションのドキュメントと、異なるオプションを渡すだけでいくつかの異なる効果を達成する方法を示すいくつかの例が含まれるようになりました。

編集2：ストリップをタイルに一般化し、さらに多くの例を掲載しました デモページ.