Swiper Slider Fade

Navigation: Right | Transparent | White On Scroll

Slide Effect: Fade

Header Demo Image
Show Code

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


<!-- Initialize Swiper --> <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', autoplay: 5000, speed: 1200, effect: 'fade', loop: true }); </script>