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-autoplayimport { gliderAutoplay } from "glider-autoplay";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
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 - 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-autoplayimport { 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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent