Hooks

Triggered by the main cycle:

  • view_init
    the first function that gets called as soon as the slider initializes.
  • show_slide
    called when the controller requests a new slide to appear.
  • transition_in
    gets called after show_slide. The code that deals with the way a slide transitions in goes here.
  • transition_out
    gets called after show_slide. The code that deals with the way a slide transitions out goes here.
  • transition_complete
    gets called when the slide has finished transitioning, or when the transition delay is over.
  • busy
    gets called by show_slide and locks the slider so it won't accept any events until the transition is over.
  • update_tickers
    gets called by show_slide. Code related to the ticker goes here.
  • update_pagination
    gets called by show_slide. Code related to the pagination goes here.
  • start_loading
    gets called by show_slide. Code related to the loader goes here.
  • loading_complete
    gets called by start_loading just before the next show_slide call.

Triggered by the user:

  • arrow_next_click
    gets called when the user clicks the "next" arrow.
  • arrow_prev_click
    gets called when the user clicks the "previous" arrow.
  • ticker_click
    gets called when the user clicks on one of the tickers.
  • play_pause_click
    gets called when the user clicks the "play/pause" button.

Class Names

Class identifier

slider_wrap
slide
arrow
arrow_next
arrow_prev
pagination
pagination_current
pagination_last
play_pause
loading_bar
progress_bar
ticker_wrap
ticker
active_ticker
inner_content_box
outer_content_box
outer_contents

Default value

sliderjs-wrap
sliderjs-slide
sliderjs-arrow
sliderjs-arrow-next
sliderjs-arrow-prev
sliderjs-pagination
sliderjs-current-slide
sliderjs-last-slide
sliderjs-play-pause
sliderjs-loading-bar
sliderjs-loading-bar-progress
sliderjs-ticker-wrap
sliderjs-ticker
sliderjs-active-ticker
sliderjs-inner-content-box
sliderjs-outer-content-box
outer-contents

API