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 回答
    2

    你好它适用于 jQuery 1.8.3，检查这个

    <ul class="bxslider">
      <li>
             <img1>
             <h2 class="txtImgHome" id="slide353">1</h2>
      </li>
      <li>
             <img2>
             <h2 class="txtImgHome" id="slide354">2</h2>
      </li>
          <li>
             <img3>
             <h2 class="txtImgHome" id="slide354">3</h2>
      </li>
</ul>

    $('.slider .bxslider').bxSlider({

            pager: false,
        auto: true,
        speed: 2000,
        pause: 12000,
        slideSelector:'.slider .bxslider li',
        infiniteLoop: true,
        moveSlide:1
});
    于 2014-05-16T19:44:06.670 回答