Getting to Know Events

Beside the slider actions, you can also add custom events to the slider. In this article you can find the list of all supported events.

    slider.addEventListener(MSSliderEvent.INIT , function(){
      // dispatches when the slider's current slide change starts.
    });
      
    slider.addEventListener(MSSliderEvent.CHANGE_START , function(){
        // dispatches when the slider's current slide change starts.
    });
      
    slider.addEventListener(MSSliderEvent.CHANGE_END , function(){
        // dispatches when the slider's current slide change ends.
    });
      
    slider.addEventListener(MSSliderEvent.WAITING , function(){
        // dispatches whenever the slider timer updates.
    });
      
    slider.addEventListener(MSSliderEvent.RESIZE , function(){
        // dispatches when the slider is resized.
    });
      
    slider.addEventListener(MSSliderEvent.VIDEO_PLAY , function(){
        // dispatches when the slide video played.
    });
      
    slider.addEventListener(MSSliderEvent.VIDEO_CLOSE , function(){
        // dispatches when the slide video closed.
    });
      
    slider.view.addEventListener(MSViewEvents.SWIPE_START , function(){
        // dispatches when swipe dragging starts.
    });
      
    slider.view.addEventListener(MSViewEvents.SWIPE_END , function(){
        // dispatches when swipe dragging ends.
    });
      
    slider.view.addEventListener(MSViewEvents.SWIPE_MOVE , function(){
        // dispatches when swipe dragging moves.
    });
      
    slider.view.addEventListener(MSViewEvents.SWIPE_CANCEL , function(){
        // dispatches when swipe dragging cancels.
    });