Блог

Я использую swiper для отображения серии изображений одинаковой высоты, но разной ширины, следовательно, используя подход разной ширины. Тем не менее, мне нужно решение, которое зацикливается. Демонстрационный код разной ширины для этого таков:https://github.com/nolimits4web/Swiper/blob/master/demos/14-different-widths.html

 <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
})
  

Спасибо