Swiper Slider Fade

Navigation: Right | Transparent | White On Scroll

Slide Effect: Fade

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