「アニメーション」カテゴリーアーカイブ

jQuery の Cycle プラグインを使い、フェードイン・フェードアウトのアニメーションで切り替わるスライドショーにおいて、スライドショーを一時停止できるようにする方法。スライドショーを一時停止できるようにするには、toggle コマンドを使う。 続きを読む →

jQuery の Cycle プラグインを使い、フェードイン・フェードアウトのアニメーションで切り替わるスライドショーにおいて、順番をランダムにする方法。順番をランダムにするには、random オプションを使う。フェードイン・フェードアウトのアニメーションで切り替えるには、fx オプションに「fade」を指定する。 続きを読む →

jQuery の Cycle プラグインを使い、フェードイン・フェードアウトのアニメーションで切り替わるスライドショーにおいて、スライド画像をページ分けし、ページ番号で切り替えられるようにする方法。スライド画像をページ分けし、ページ番号で切り替えられるようにするには、pager オプションを使う。 続きを読む →

jQuery の Cycle プラグインを使った、右上へ投げるようなアニメーションで次のスライド画像へ切り替わるスライドショーにおいて、手動（スライド画像をクリック）でも自動でも切り替わるようにする方法。手動（スライド画像をクリック）でも切り替わるようにするには、next オプションを使う。 続きを読む →

jQuery の Cycle プラグインを使い、フェードイン・フェードアウトのアニメーションで切り替わるスライドショーにおいて、次のスライド画像にも前のスライド画像にも切り替えられるようにする方法。次のスライド画像にも前のスライド画像にも切り替えられるようにするには、next オプションと prev オプションを使う。 続きを読む →

jQuery の Cycle プラグインを使い、スライド画像をクリックすると、右上へ投げるようなアニメーションで、次のスライド画像へ切り替わるスライドショーを作る方法。スライド画像をクリックすることで切り替わるようにするには、next オプションを使う。 続きを読む →

jQuery の Cycle プラグインを使い、トランプでカードを切り混ぜるようにシャッフルするアニメーションで切り替わるスライドショーにおいて、シャッフルするアニメーションの方向を指定する方法。シャッフルするアニメーションの方向を指定するには、shuffle オプションを使う。 続きを読む →

jQuery の Cycle プラグインを使い、切替アニメーションなしで切り替わるスライドショーを作る方法。切替アニメーションなしで切り替えるようにするには、fx オプションに「none」を指定する。 続きを読む →