Дополнение к замечательному скрипту carousel-3d от PAIO.
Итак, чтобы сделать авто вращение карусели, нужно вставить следующий код на страницу с каруселью:
function start() {
id1=setInterval(function(){
('[data-carousel-3d]').Carousel3d('next'); }, delay);
}
$('document').ready(function () {
delay = 3000;
start();
$('[data-next-button]').mousedown(function() {
clearInterval(id1);
start();
});
$('[data-prev-button]').mousedown(function() {
clearInterval(id1);
start();
});
});
Скрипт дополняет чужой плагин на уже работающем сайте — и это самая частая работа с фронтендом вообще: не переписать с нуля, а починить и дорастить то, что есть. Такие задачи закрывает поддержка и обслуживание сайта.
Источники
- jQuery API: .ready() — запуск кода после готовности документа — jQuery Foundation
- setInterval() и clearInterval(): повтор действия по таймеру — MDN Web Docs