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

アニメーション(動き)に関する JavaScript のカテゴリ。jQuery、script.aculo.us などのライブラリを使うと、動きのあるコンテンツを、簡単に実現できる。

jQuery の Cycle プラグインによる、一時停止できるスライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle プラグインによる、一時停止できるスライドショー はコメントを受け付けていません

jQuery の Cycle プラグインを使った、ランダム順スライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle プラグインを使った、ランダム順スライドショー はコメントを受け付けていません

jQuery の Cycle で、ページ番号で切り替えるスライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、ページ番号で切り替えるスライドショー はコメントを受け付けていません

jQuery の Cycle による、手動でも自動でも切り替わるスライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle による、手動でも自動でも切り替わるスライドショー はコメントを受け付けていません

jQuery の Cycle で、次にも前にも切り替えられるスライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、次にも前にも切り替えられるスライドショー はコメントを受け付けていません

jQuery の Cycle で、スライドをクリックすると切り替わるスライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、スライドをクリックすると切り替わるスライドショー はコメントを受け付けていません

JQuery Cycle Plugin と jQuery Easing Plugin の併用②

jQuery の Cycle プラグインを使い、上から下へスクロールするアニメーションで切り替わるスライドショーにおいて、アニメーションの動き方を Easing プラグインの「easeOutBounce」にする方法。アニメーションに Easing プラグインの動き方を取り入れるには、easing オプションを使う。 続きを読む

カテゴリー: Cycle, Easing, JavaScript, jQuery, アニメーション, プラグイン, 画像 | JQuery Cycle Plugin と jQuery Easing Plugin の併用② はコメントを受け付けていません

JQuery Cycle Plugin と jQuery Easing Plugin の併用

jQuery の Cycle プラグインを使い、トランプでカードを切り混ぜるようにシャッフルするアニメーション切替のスライドショーにおいて、アニメーションの動き方を Easing プラグインの「easeInOutBack」にする方法。Easing プラグインの動き方を取り入れるには、easing オプションを使う。 続きを読む

カテゴリー: Cycle, Easing, JavaScript, jQuery, アニメーション, プラグイン, 画像 | JQuery Cycle Plugin と jQuery Easing Plugin の併用 はコメントを受け付けていません

jQuery の Cycle で、方向を指定したシャッフル切替のスライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、方向を指定したシャッフル切替のスライドショー はコメントを受け付けていません

jQuery の Cycle で、切替アニメーションなしのスライドショー

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

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、切替アニメーションなしのスライドショー はコメントを受け付けていません

スポンサード リンク