jquery - 各スライド内のJqueryサイクルとエフェクト

Question

次の効果を持つCycleを使用してカルーセルを作成したいと思います。

1. ユーザーが前へ/次へボタンをクリックすると、スライドがフェードインまたはスライドします
2. スライドの読み込みが完了すると、各スライドにテキストと画像が表示され、スライドインまたはフェードインを有効にしてアニメーション化することもできます。

質問：1。トランジションがスムーズになるように（フラッシュスライドショーのように）どうすればよいですか？「after」関数が呼び出されたときに、テキスト/画像を非表示にしてアニメーション化することを考えました。

2. そして、使用がページに来るとき、どのように私は最初のスライドのテキストをアニメーション化するでしょうか。Cycleは、ページをナビゲートするときに各ページをアニメーション化します。

前もって感謝します。

ヴィンセント

Answer 1

トランジションをスムーズに保つことは、スライドの複雑さ、ページをレンダリングする JavaScript インタープリターの効率、およびクライアントの処理能力の間のバランスです。制御できるのは、スライドの複雑さだけです。グラフィックとアニメーションを最小限に抑えます。スライドがビューを離れるときにアニメーションの実行を停止し、ビューに入る直前にスライドのアニメーションを開始して、処理負荷を最小限に抑えます。

before: および after: コールバックを使用して、スライド固有のイベントやその他のプラグインをトリガーする方法の例を次に示します。