Swiper Slider Vertical

Navigation: Right | Transparent | White On Scroll

Slide Effect: Vertical

Header Demo Image
Preview
Show Code

Important Notes: Add custom scripts to the bottom of page to initialize Swiper Slider


<!-- Initialize Swiper -->
<script>
$('.swiper-container').each(function(){
   // Hero swiper
   var swiper = new Swiper ('.swiper-container', {
      pagination: '.swiper-pagination',
      direction: 'vertical',
      slidesPerView: 1,
      paginationClickable: true,
      spaceBetween: 0,
      mousewheelControl: false,
      autoplay: 5000,
      loop: true,
      speed: 1000
   });
});
</script>