1

私は jQuery に詳しくないので、これは非常に基本的な質問のように思えるかもしれませんが、jquery サイクル プラグインの実装に問題があります。Jquery Cycle Plugin ページから前/次のコードを見つけました: jQuery Cycle Plugin - Intermediate Demos (Part 2) (Previous/Next example)

これまでのところ、この Js Fiddleをテストとして持っています

これは、私が望むアニメーション効果の jQuery です。

$(document).ready(function() {
  $('#s2').cycle({ 
   fx:     'slideY', 
   speed:   300, 
   timeout: 0, 
   next:   '#next2', 
   prev:   '#prev2' 
  });
});

いくつかのテスト画像とともにボタンを配置しましたが、ボタンからアニメーションを機能させるのに問題があります。

サイクル オプションのドキュメントを読みましたが、jQuery にあまり詳しくないため、それを機能させる方法がわかりません。fx と速度の準備ができており、ボタンを機能させることだけが問題です。

4

1 に答える 1

1

<a>ボタンにはタグを使用してください。例えば：

<a id="prev2" href="#">Prev</a>

次に、CSS を使用して、好きなようにスタイルを設定します。

次のように、jquery フレームワークの後に必ず cycle.js を 1 回含めてください。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
于 2012-05-06T06:06:05.103 に答える