Content Scaling

Content scaling allows you to scale Slidea’s content responsively. Slidea has two content scaling modes: responsive and native.

The responsive mode will apply a certain scaling factor at each responsive stage (xs, sm, md, lg and xlg).

The native mode will start from a base screen size which is calculated based on your background image width and height and will scale up and down as the screen size changes.

Welcome to slidea!

Welcome to slidea!

Here are the options you can set for the content scaling module. To enable the module, simply set the enabled parameter to true.

$('.slidea').slidea({
  contentScaling: {
    enabled: true, // Default: false
    mode: 'responsive', // Modes: responsive, native
    factor: {
      xs: 1,
      sm: 1,
      md: 1,
      lg: 1,
      xlg: 1
    }
  }
});