верстка слайдера

$('.swiper-container').swiper({ 
  mode: 'horizontal', 
  slidesPerView: 1, 
  pagination: '.slideshow0', 
  paginationClickable: true, 
  nextButton: '.swiper-button-next', 
  prevButton: '.swiper-button-prev', 
  spaceBetween: 30, 
  autoplay: 2500, 
  autoplayDisableOnInteraction: true, 
  loop: true 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script src="http://idangero.us/swiper/dist/js/swiper.min.js"></script> 
<!-- Swiper --> 
<div class="swiper-container"> 
  <div class="swiper-wrapper"> 
    <div class="swiper-slide"><img src="https://upload.joomcdn.net/admin/a6b1a348-cf8a-4bf5-b8f3-e3a7633ab47e" class="img-responsive img-responsive-promotions"></div> 
    <div class="swiper-slide"><img src="https://upload.joomcdn.net/abe5121d-c6dc-4132-bc42-a40172206f2c" class="img-responsive img-responsive-promotions"></div> 
    <div class="swiper-slide"><img src="https://img.joomcdn.net/65fb53d7ce869c35af02c4271efc4ad9d51b1257_original.jpeg" class="img-responsive img-responsive-promotions"></div> 
    <div class="swiper-slide"><img src="https://img.joomcdn.net/580c8fd065d0f07e4cd8fb6f4bdb14efaddb46f1_original.jpeg" class="img-responsive img-responsive-promotions"></div> 
  </div> 
  <div class="swiper-button-prev"></div> 
  <div class="swiper-button-next"></div> 
  <!-- Add Pagination --> 
  <div class="swiper-pagination"></div> 
</div>