3

他の場所で再現されていない問題があるようです。

クライアントのサイト (www.laparksfoundation.org) にスライダーがあります。スライダーを無限ループ = 1 に設定しました (以下のコード)。問題は、スライダーが最後のスライドに達したときに、一連の最初のスライドを表示するために右に継続せず、最初のスライドに到達して再び開始するまで画像ごとに左にスクロールすることです。

コードを確認したところ、パラメーターは問題ないように見えますが、右にスクロールしてシームレスなループを作成するのではなく、最初のパラメーターにジャンプします。

コードは以下のとおりです。

    $('.slider .bxslider').bxSlider({
            pager: false,
            auto: true,
            speed: 2000,
            pause: 12000,
            slideSelector:'.slider .bxslider li',
            infiniteLoop: true
    });

画像はシンプルに表示されます

  • :

       <div class="slider">
    <ul class="bxslider">
          <li>
                 <img1>
                 <h2 class="txtImgHome" id="slide353">ENHANCE, EXPAND, PRESERVE AND PROMOTE</h2>
          </li>
          <li>
                 <img2>
                 <h2 class="txtImgHome" id="slide354">50 Parks Initiative, Bringing Parks to your Neighborhood</h2>
          </li>
    </ul>
   </div>

    セットの最後の画像に到達すると、次の画像が最初の画像になり、最初の画像で左クリックすると、スライダーをスクロールしなくても最後の画像が表示されるようにするにはどうすればよいですか?

    • 4

    2 に答える 2

    5

    同様の問題があり、古い jQuery ライブラリを使用して解決しました。
    最初は v1.11.0 を使用していましたが、v1.10.0 に切り替えたところ、すべてが完全に機能しました。

    次のように、Google から jQuery v1.10.0 をロードできます。

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
    于 2014-04-02T14:54:39.457 に答える