glider-autoplay

English Русский

Autoplay utility for Glider.js

See example in index.html

Copy file glider-autoplay.min.js and include to your html

<script src="glider-autoplay.min.js"></script>

Or install with npm

npm i glider-autoplay

import { gliderAutoplay } from "glider-autoplay";

Usage

gliderAutoplay(new Glider(/* see glider-js docs*/), {
    interval, // int, required
    pausable, // boolean, default true
    onPause,
    onRestart,
    startItem, // default 0
});

interval - interval between slides in milliseconds; pausable - autoplay will be stopped onMouseEnter and rerun onMouseLeave when true onPause - callback function to be called when autoplay stopped onRestart - callback function to be called when autoplay run startItem - glider item with which autoplay will start

Methods

pause()

const gliderInstance = new Glider(/* see glider-js docs*/);
gliderAutoplay(gliderInstance, { interval: 3000 });
gliderInstance.pause();

run()

const gliderInstance = new Glider(/* see glider-js docs*/);
gliderAutoplay(gliderInstance, { interval: 3000 });
gliderInstance.run();

Properties

isRunning - boolean readonly

const gliderInstance = new Glider(/* see glider-js docs*/);
gliderAutoplay(gliderInstance, { interval: 3000 });
console.log(gliderInstance.isRunning); // true

gliderInstance.pause();
console.log(gliderInstance.isRunning); // false

gliderInstance.run();
console.log(gliderInstance.isRunning); // true

Утилита автовоспроизведения для Glider.js

Смотрите пример в index.html

Скопируйте файл glider-autoplay.min.js и подключите его к html

<script src="glider-autoplay.min.js"></script>

Или установите в npm

npm i glider-autoplay

import { gliderAutoplay } from "glider-autoplay";

Использование

gliderAutoplay(
  new Glider(/* смотрите документацию glider-js* /),
  {
    interval, // целое число, обязательное свойство
    pausable, // логический тип, по умолчанию true
    onPause,
    onRestart,
    startItem // по умолчанию 0
  }
);

interval - интервал между слайдами в милисекундах; pausable - приостанавливать воспроизведение при наведении курсора мыши и возобновлять, когда мышь покидает область onPause - колбэк, сработает когда воспроизведение будет приостановлено onRestart - колбэк, сработает когда воспроизведение будет возобновлено startItem - индекс слайда с которого будет начато воспроизведение

Методы

pause()

const gliderInstance = new Glider(/* see glider-js docs*/);
gliderAutoplay(gliderInstance, { interval: 3000 });
gliderInstance.pause();

run()

const gliderInstance = new Glider(/* see glider-js docs*/);
gliderAutoplay(gliderInstance, { interval: 3000 });
gliderInstance.run();

Свойства

isRunning - логический тип только для чтения

const gliderInstance = new Glider(/* see glider-js docs*/);
gliderAutoplay(gliderInstance, { interval: 3000 });
console.log(gliderInstance.isRunning); // true

gliderInstance.pause();
console.log(gliderInstance.isRunning); // false

gliderInstance.run();
console.log(gliderInstance.isRunning); // true