What is Splide and how to enable splide autoplay?

Splide is a flexible, lightweight and accessible slider written in TypeScript. It helps you to create various kinds of sliders by just changing options, such as multiple slides, thumbnails, nested sliders, vertical direction and more.

<script type="text/javascript">
    $(document).ready(function() {
        var splide = new Splide('.splide', {
            type: 'fade',
            rewind: true,
            loop: true,
            autoplay:true,
            autoplaySpeed: 2,
        });   splide.mount();

    });
    </script>

Template:

<div class="splide">
            <div class="splide__track">
                <ul class="splide__list">
                    
                    <li class="splide__slide"><a href="{{href}}"> <img class="img-fluid" src="{{imageArabic}}" alt="" /></a> </li>
                   
                    <li class="splide__slide"><a href="{{href}}"> <img class="img-fluid" src="{{image}}" alt="" /></a> </li>
                    
                </ul>
            </div>
        </div>