Cycle」カテゴリーアーカイブ

jQuery の Cycle プラグインについてのカテゴリ。jQuery の Cycle プラグインを使うと、様々なアニメーション動作によるスライドショーを簡単に作れる。

jQuery の Cycle で、右上から現れて右下へ消えるスライドショー

jQuery の Cycle プラグインを使い、右上から現れて右下へ消えるアニメーションで切り替わるスライドショーを作る方法。右上から現れて右下へ消えるアニメーションで切り替えるようにするには、「fx」オプションに「custom」を指定し、さらに「cssBefore」「animIn」「animOut」オプションを使う。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、右上から現れて右下へ消えるスライドショー はコメントを受け付けていません。

jQuery の Cycle で画像でないスライドのスクロール切替スライドショー

jQuery の Cycle プラグインを使い、右から左へスクロールするアニメーションで切り替わるスライドショーにおいて、スライドに画像でない要素を使用するサンプル。右から左へスクロールするアニメーションで切り替えるようにするには、fx オプションに「scrollLeft」を指定する。 続きを読む

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

スライド上の左右をクリックし前後のスライドへ切り替えるスライドショー

jQuery の Cycle プラグインを使い、水平方向(左右)へスクロールするアニメーションで切り替わるスライドショーにおいて、スライド画像の右側をクリックすると、次のスライド画像へ切り替わり、スライド画像の左側をクリックすると、前のスライド画像へ切り替わるようにする方法。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | スライド上の左右をクリックし前後のスライドへ切り替えるスライドショー はコメントを受け付けていません。

jQuery の Cycle で、前後手動切替の水平スクロール・スライドショー

jQuery の Cycle プラグインを使い、水平方向(左右)へスクロールするアニメーションで切り替わるスライドショーにおいて、リンク要素をクリックすることで、次のスライド画像にも、前のスライド画像にも、切り替えられるようにする方法。次のスライド画像にも、前のスライド画像にも、切り替えられるようにするには、next オプションと prev オプションを使う。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、前後手動切替の水平スクロール・スライドショー はコメントを受け付けていません。

jQuery の Cycle のスライドショーで切替の前後に関数を呼び出す

jQuery の Cycle プラグインを使った、左上から右下へ向かって拭うようなアニメーションで切り替わるスライドショーにおいて、スライド切替アニメーション中とスライド表示中に表示するテキストを指定する方法。before オプションとafter オプションで、切替アニメーション前後にテキストを表示する関数を呼び出す。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle のスライドショーで切替の前後に関数を呼び出す はコメントを受け付けていません。

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 で、次にも前にも切り替えられるスライドショー はコメントを受け付けていません。
1 / 512345

スポンサード リンク