Просмотр архива Bee3D Slider - Touch-Enabled Pure JS Plugin


<?php

{% extends 'partials/example.html' %}

{% set title='Autoplay: Extra Inputs' %}
{% set subtitle="Autoplay's internal timer will reset after <u>every</u> slide change. You may use the navigation arrows, keyboard shortcuts, or touch swipes to navigate as normal." %}

{% block slider %}
    <article class="example">
        {% include 'partials/-slides.html' %}
        {% include 'partials/-arrows.html' %}
    </article>
{% endblock %}

{% block init %}
<script>
    var element = document.querySelector('.example');

    var slider = new Bee3D(element, {
        effect: 'carousel',
        listeners: {
            keys: true,
            touches: true
        },
        navigation: {
            enabled: true
        },
        autoplay: {
            enabled: true,
            speed: 3000
        },
        loop: {
            enabled: true
        }
    });
</script>
{% endblock %}

?>