Вход Регистрация
Файл: src/htdocs/examples/callback-change.html
Строк: 43
<?php
{% extends 'partials/example.html' %}

{% 
set title='Callback: Change' %}
{% 
set subtitle='Run a function after each slide change.' %}

{% 
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'concave',
        
listeners: {
            
keystrue
        
},
        
navigation: {
            
enabledtrue
        
},
        
onChange: function(event){
            
console.log'this is currently active slide index: 'event.index );
            
console.log'this is currently active slide DOM element: 'event.slide );
            
alert('Custom onChange callback function! nCheck the console log for more information!');
        }
    });
</
script>
{% 
endblock %}
?>
Онлайн: 1
Реклама