Blaze Slider
API

BlazeSlider

Constructor for initializing the slider

BlazeSlider is a constructor function that initializes the slider on a .blaze-slider element.

new BlazeSlider(el: HTMLElement, config?: BlazeConfig)
ParameterTypeDescription
elHTMLElementThe .blaze-slider element to initialize
configBlazeConfigOptional configuration object

Examples

No Configuration

If no configuration is provided, the defaults are used

const el = document.querySelector('.blaze-slider');
const slider = new BlazeSlider(el);

With Configuration

const el = document.querySelector('.blaze-slider');

const slider = new BlazeSlider(el, {
  all: {
    slidesToShow: 1,
    loop: true,
  },
  '(min-width: 700px)': {
    slidesToShow: 2,
  },
  '(min-width: 1000px)': {
    slidesToShow: 3,
    loop: false,
  },
});

On this page