Javascript iDangerous Swiper-不同宽度，存在环路问题

我使用swiper显示一系列相同高度但不同宽度的图像，因此使用了不同宽度的方法。然而，我需要一个循环的解决方案。不同宽度的演示代码如下：

或

谢谢

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide red-slide" style="width:200px;">
      <div class="title">Slide 1</div>
    </div>
    <div class="swiper-slide blue-slide" style="width:150px;">
      <div class="title">Slide 2</div>
    </div>
    <div class="swiper-slide orange-slide" style="width:250px;">
      <div class="title">Slide 3</div>
    </div>
    <div class="swiper-slide blue-slide" style="width:415px;">
      <div class="title">Slide 4</div>
    </div>
    <div class="swiper-slide red-slide" style="width:510px;">
      <div class="title">Slide 5</div>
    </div>
    <div class="swiper-slide green-slide" style="width:375px;">
      <div class="title">Slide 6</div>
    </div>
  </div>
  <div class="pagination"></div>
</div>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/idangerous.swiper-2.1.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper-container',{
  pagination: '.pagination',
  paginationClickable: true,
  slidesPerView: 'auto'
})
</script>

var mySwiper = new Swiper('.swiper-container',{
  pagination: '.pagination',
  paginationClickable: true,
  slidesPerView: 'auto',
  loop: true
})

var mySwiper = new Swiper('.swiper-container',{
  slidesPerView: 'auto',
  loop: true
})