Jquery 引导限制转盘指示器，但仍可循环

我想将转盘指示器限制为两（2）个，但正如您在下面的代码中看到的，我有四（4）个图像要滑动。当我滑到第三张图像时，转盘指示器不会循环，很明显，因为只有两个指示器。在这种情况下，如何循环传送带指示器

 <div id="myCarousel" class="carousel slide">
   <!-- Carousel indicators -->
   <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
   </ol>   
   <!-- Carousel items -->
   <div class="carousel-inner">
      <div class="item active">
         <img src="/bootstrap/images/slide1.png" alt="First slide">
      </div>
      <div class="item">
         <img src="/bootstrap/images/slide2.png" alt="Second slide">
      </div>
      <div class="item">
         <img src="/bootstrap/images/slide3.png" alt="Third slide">
      </div>
      <div class="item">
         <img src="/bootstrap/images/slide4.png" alt="Third slide">
      </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>

一种方法是

文档：

引导层：

Js：

$('#myCarousel').on('slid.bs.carousel', function(e){
  $index = $('div.item.active').index()%2;  
  $carouselIndic = $('[data-slide-to="'+$index+'"]');
  $('.carousel-indicators li').removeClass('active');
    $carouselIndic.addClass('active');  
});

---

如果我有一个包含5张幻灯片和2个指示器的案例（仅举一个例子），则不起作用。当我滑到第五个图像（索引4）时，使用您的代码：4%2是0，当我滑到下一个图像（即第一个图像）时，它也是索引0。因此，使用有序对来说明：（imageIndex，indicator）=>（0,0）、（1,1）、（2,0）、（3,1）、（4,0）、（0,0）、（1,1）、（2,0）。。。虽然这是你答案的道具，但我更喜欢它继续在两个指标之间循环，比如：（0,0）、（1,1）、（2,0）、（3,1）、（4,0）、（0,1）、（1,0）、（2,1），。。。等等当我有3个指标这样的情况时，这也应该起作用。你找到答案了吗？