0

jquery 1.8.2 と caroufredsel 6.2.1 を使用しています。js ファイルがページに追加されます。私の document.ready 関数では、 $('#carousel1').carouFredSel() を呼び出しています。ここで、carousel1 はページ上の多くのカルーセルの 1 つです。

    <script type="text/javascript" language="javascript">
$(document).ready(function() {
                $('#carousel1').carouFredSel();

            });
        </script>

HTML を以下にコピーします (以下の ${imgName} は有効な画像です)。

    <div id="c-carousel">
        <div id="wrapper">
<div id="carousel1" class="carousel1">
    <img src="${imgName}" width="150"/>

</div>
</div>
</div>

HTMLページにスライダーが表示されるようにするために何が欠けているかについてのアイデアはありますか? 役立つ提案は大歓迎です。前もって感謝します

4

1 に答える 1

0

私はついにこれを機能させました。これらは私が取ったステップです：

  1. jqueryがhtmlのHeadセクションにあることを確認してください
  2. jcaroufredsel が HTML ページの head セクションの直後にあることを確認してください (jquery.easnig も使用したい場合がありますが、カルーセル構成でイージング オプションを使用していない限り、必要だとは思いません)。
  3. コンテンツは div (caroufredsel を呼び出します) にある必要があります (c-carousel1 など)。リスト項目を順不同のリスト形式 (使用) で追加します。コンテンツを水平形式でラップする div ラッパーを使用していることを確認してください (リストが垂直方向に表示されないようにするため)。

  4. ページが読み込まれると (document.ready または windown.onLoad)、次のように caroufredsel を呼び出すことができます。

    $('#c-carousel1 ul').carouFredSel();

これらの手順の後、うまくいきました。それが役に立てば幸い！

于 2013-04-24T21:28:24.073 に答える