Controls are buttons you can use to navigate to the next or previous slide. They can also have a preview thumbnail.

Here’s a beautiful example of what the controls module looks like:

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

  controls: {
    enabled: true, // Default: false
    thumbnail: false,
    html: {
      prev: "<",
      next: ">"
    "class": "slidea-controls-alternate"
Option Description
enabled Enable or disable the module.

Values: true, false
thumbnail Add a preview thumbnail to the controls.
html Specifies HTML code that gets rendered inside next and prev controls.
class Specify the controls color theme through CSS classes.

Values: "slidea-controls-dark", "slidea-controls-light", "slidea-controls-alternate"

Read Next