Question

我似乎遇到了一个我没有在别处看到过的问题。

我们在客户的网站上有一个滑块（www.laparksfoundation.org）。我们将滑块设置为infiniteloop = 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>

我如何制作它，以便当我到达集合中的最后一个图像时，下一个图像是第一个图像，当我在第一个图像上并且单击左侧时，最后一个图像显示而没有滑块滚动全部回来的路？

Answer 1

我遇到了类似的问题，并使用较旧的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>

Answer 2

Hello它适用于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
});

bxslider无限循环向左滚动到第一个滑动而不是向右滚动

2 个答案: