Уже несколько дней бьюсь с задачей реализовать слайдер пицц. Необходимо чтобы перекатывались, когда двигаются и чтобы центральный слайд-пиццы, был большого размера.
Мой вариант:
Но проблема моего варианта исполнения в том, что при долгом(6-10 раз нажатии на кнопку) пролистывании происходят баги. Либо все пиццы становятся одного размера, потом они становятся большие все и творится хаос какой-то. С чем связаны баги анимации и есть ли мысли как это исправить?
А так же бесит то, что можно кучу раз нажать и все слайды пролистнутся быстро. Как сделать так, чтобы была паузы между нажатиями пока идет анимация?
Основной критерий выбора слайдер, это чтобы не тянуть в проект JQ.
Сегодня пробовал на glide.js сделать, все вроде хорошо, но так же есть проблемы. Активный слайд переключается только после всей анимации и некрасиво получается что большая пицца улетает, а уже потом становится меньше.
Боковые пиццы должны быть по краям, им пытаюсь прикрепить класс, но иногда класс не переключается и классы у боковых пиццы, остаются на старых местах. А так же если листать назад, то активный класс применяется не всегда.
Баг на баге
Ну так это же не удивительно всё. Вы обработчики вешаете на dom элементы, то есть все ваши колбэки выполняются в обход tns. Отсюда результат: ваши колбэки выполняются то до соответствующих событий слайдера, то после, вот и рассинхрон. Сделайте как с глайдом - вешайте обработчики на ивенты tns
"Как сделать так, чтобы была паузы между нажатиями пока идет анимация?" - читать документацию по используемой вами библиотеке, искать там варианты решения проблемы.
