Swiper Slider Vertical

Navigation: Right | Transparent | White On Scroll

Slide Effect: Vertical

Header Demo Image
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>