API
Methods
Instance methods for controlling the slider
Methods available on a BlazeSlider instance.
prev() / next()
Navigate to previous or next slides.
const slider = new BlazeSlider(el, config);
slider.prev(); // Move 1 slide left
slider.next(); // Move 1 slide right
slider.prev(2); // Move 2 slides left
slider.next(2); // Move 2 slides rightonSlide()
Subscribe to slide change events. Returns an unsubscribe function.
const slider = new BlazeSlider(el, config);
const unsubscribe = slider.onSlide(
(pageIndex, firstSlideIndex, lastSlideIndex) => {
console.log('Page:', pageIndex);
console.log('Visible slides:', firstSlideIndex, 'to', lastSlideIndex);
}
);
// Stop listening
unsubscribe();| Argument | Description |
|---|---|
pageIndex | Current page (pagination) index |
firstSlideIndex | Index of first visible slide |
lastSlideIndex | Index of last visible slide |
stopAutoplay()
Stop automatic slide advancement.
const slider = new BlazeSlider(el, config);
slider.stopAutoplay();destroy()
Destroy the slider instance. Removes event listeners, stops autoplay, and cleans up pagination.
const slider = new BlazeSlider(el, config);
slider.destroy();refresh()
Recalculate dimensions and reposition slides. Useful after adding or removing slides dynamically.
const slider = new BlazeSlider(el, config);
// After modifying slides
slider.refresh();refresh() is automatically called on window resize.