Jquery 水平方向无休止的幻灯片放映

Jquery 水平方向无休止的幻灯片放映,jquery,slideshow,infinite-scroll,Jquery,Slideshow,Infinite Scroll,几天前,我发现了一个非常有趣的幻灯片。我试着想办法重建它,但不幸失败了 这是我已经完成的,我对jQuery的了解还不足以完成它 这里有一个Dropbox链接,供大家参考,你们可以预览一下我的代码,以实现我的基本想法。 所以,这取决于你们,希望你们能为我的问题提供一个“简单”的解决方案(无休止的幻灯片和内容之间的间隔切换)。我没有看你们的代码,但从我的角度来看,我想说你们需要类似引导转盘的东西: 设置起来很容易。所有的文档都在我添加到这个答案的链接中。为了简单起见,您将在一个中保留下一个和上一个

几天前,我发现了一个非常有趣的幻灯片。我试着想办法重建它,但不幸失败了

这是我已经完成的,我对jQuery的了解还不足以完成它

这里有一个Dropbox链接,供大家参考,你们可以预览一下我的代码,以实现我的基本想法。


所以,这取决于你们,希望你们能为我的问题提供一个“简单”的解决方案(无休止的幻灯片和内容之间的间隔切换)。

我没有看你们的代码,但从我的角度来看,我想说你们需要类似引导转盘的东西:

设置起来很容易。所有的文档都在我添加到这个答案的链接中。为了简单起见,您将在一个
中保留下一个和上一个图标,并将每个图像与class
项一起保存在一个div中:

<div id="myCarousel" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">…</div>
    <div class="item">…</div>
    <div class="item">…</div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

  • … … …
    请在此处发布与您的问题相关的代码。如果您认为这对您有帮助,请随时将其标记为正确答案:)