<link rel=“stylesheet” href=“/assets/js/owlcarousel/dist/assets/owl.carousel.min.css” /> <script src=“/assets/js/owlcarousel/dist/owl.carousel.min.js”></script>

<div class=“owl-wrapper”> <div class=“owl-carousel owl-theme”>

{% for image in site.static_files %}
    {% if image.path contains include.sliderpath %}     
        <img class="owl-lazy" data-src="{{ image.path }}" data-src-retina="{{ image.path }}" alt="">
    {% endif %}
{% endfor %}

</div>

</div> <script>

$('.owl-carousel').owlCarousel({
    items:1,
    lazyLoad:true,
    loop:true,
    margin:10,
    autoplay:true,
    autoplayTimeout:8000,
    autoplayHoverPause:true
});

</script>

<style>

.owl-dots {
    display: none;
}

</style>