Methods

Initialization

init()

Mounts the slider and initializes all interactive features.

slider.init()

Navigation

next() / prev()

Moves to the next or previous page.

slider.next()
slider.prev()

goTo(index)

Moves to a specific page index.

slider.goTo(2)

Lifecycle

destroy()

Restores the original markup snapshot.

slider.destroy()

use(plugin)

Attaches a plugin instance to the slider.

slider.use(new AccessibilityPlugin({ useKeyboardNavigation: true }))

Events

mounted

Fired when the slider DOM and layout are ready.

Payload: { rootSelector }

slider.on("mounted", (rootSelector) => {
  console.log("Slider mounted:", rootSelector)
})

slideChange

Fired whenever the active page changes.

Payload: { rootSelector, slideIndex, activePage }

slider.on("slideChange", (payload) => {
  console.log(payload.slideIndex, payload.activePage)
})

destroyed

Fired after the slider is torn down.

Payload: { rootSelector }

slider.on("destroyed", (rootSelector) => {
  console.log("Slider destroyed:", rootSelector)
})

Stories Events

When using the Stories plugin:

slider.on("storiesOpened", (rootSelector) => { ... })
slider.on("storiesMounted", (rootSelector) => { ... })
slider.on("storiesClosed", (rootSelector) => { ... })