0

私は JavaScript プログラミングの初心者で、ラウンドアバウト プラグインhttp://fredhq.com/に問題があります。

プラグインが静的なときに 5 つの画像のみを表示するようにする必要があります。私はそれをグーグルで試しましたが、もちろん成功しませんでした。ラウンドアバウトのドキュメントを読みましたが、表示される画像の数については何も見つかりませんでした。

この問題を解決する方法を知っている人はいますか？

これらはコードです：http://jsfiddle.net/ramon_v/h683A/

` 

    <ul>
        <li><span>Block 1</span></li>
        <li><span>Block 2</span></li>
        <li><span>Block 3</span></li>
        <li><span>Block 4</span></li>
        <li><span>Block 5</span></li>
        <li><span>Block 4</span></li>
    </ul>
    <a href="#" id="prev">prev</a>
    <a href="#" id="next">next</a>
</body>
<script src="jquery-1.8.2.js"></script>
<script src="jquery.roundabout2.js"></script>
<script>
    $(document).ready(function() {
        $('ul').roundabout({
           btnNext: '#next',
           btnPrev: '#prev',
           duration: 200
        });
    });
</script>`

ありがとう

4

1 に答える 1

0

あなたの質問に基づいて新しいjsfiddleをまとめました。5 つの画像が含まれています。

JavaScript は同じままです。

$('ul').roundabout({
  btnNext: '#next',
  btnPrev: '#prev',
  duration: 200
});

それを機能させるために私が取った手順：

  1. roundabout は jQuery プラグインであるため、必ず JsFiddle Frameworks セクションにロードしてください (競合を引き起こす可能性のある mootools のロードがありました)。

  2. JsFiddle はすべての html ラッパーをロードするので、ここに html、head、body を記述する必要はありません。

  3. JsFiddle 外部リソース セクションでラウンドアバウトを外部リソースとして読み込みます。実際の .js ファイルへの静的 Web リンクを見つける必要があります。この場合、github に 1 つあります ( Link )

  4. あなたが作業していた例では、いくつかの css ルールしか必要としないため、残りはすべて削除しました。

これがあなたの質問に答えることを願っています。

ハッピーコーディング！

于 2013-03-01T18:42:48.663 に答える