Slide 1 Slide 2 Slide 3 Slide 4

Open the browser console to see event logs as they are triggered.

var slider = new IdealImageSlider.Slider({
    selector: '#slider',
    onInit: function(){
        console.log('onInit');
    },
    onStart: function(){
        console.log('onStart');
    },
    onStop: function(){
        console.log('onStop');
    },
    onDestroy: function(){
        console.log('onDestroy');
    },
    beforeChange: function(){
        console.log('beforeChange');
    },
    afterChange: function(){
        console.log('afterChange');
    }
});
slider.start();