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


<?php

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

{% set title='Ajax' %}
{% set subtitle="This example will fetch data then append new slides <u>when viewing the 2nd to last slide</u>.<br>This request will <u>only happen once</u>, but is configurable." %}

{% 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,
        },
        navigation: {
            enabled: true
        },
        ajax: {
            maxFetches: 1,
            enabled: true,
            path: 'ajax-example.json',
            builder: function (obj) {
                return '<p class="demo-text">' + obj.content + '</p>';
            }
        }
    });
</script>
{% endblock %}

?>