jQueryクリックドリブンスライドショー（サイクルプラグイン）

Question

jQueryに慣れていないので、これは非常に基本的な質問と思われるかもしれませんが、jqueryサイクルプラグインの実装に問題があります。私はjQueryのサイクルのプラグインページオフ前/次のコードを発見した：jQuery Cycle Plugin - Intermediate Demos (Part 2)（前/次の例）

は、これまでのところ、私はテスト

としてこの Js Fiddleを持っているこれは、アニメーション効果のjQueryのです私が好きだろうと：

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

私はいくつかのテスト画像とともに、所定の位置にボタンがありますが、私は悩みボタンからアニメーションが動作するようになってを抱えています。

サイクルオプションのドキュメントを読んだことがありますが、jQueryに慣れていないので、動作させる方法がわかりません.FXとスピードが用意されています。私の問題です。

Answer 1

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

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

次に、CSSを使用してスタイルを設定します。

次のようにあなたはjQueryのフレームワークの後に一度cycle.jsが含まれていることを確認してください：

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>