Как реализовать slideshow с множеством переходов?

Question

[lillianfisher]

Здравствуйте, я хотел бы реализовать универсальный slideshow. (без кнопочек и всего остального - только кадры) Переходы планирою хранить в @keyframes, а номер следующего слайда определять рандомом из js. Длинну перехода и скорость а также длинну кадра тоже планирою делать рандомной. Какой их переходов использовать тоже определять рандомом. Хотелось бы предусмотреть легкое добавление переходов в будущем. Насколько хорош такой подход. Какой подход бы выбрали вы? Если у меня будет сложный переход нужно ли мне создавать 2 @keyframes для управления предыдущим и слудующим кадром? Можно ли попросить примеры таких slideshow...

Comments

[lillianfisher]

Или могу ли я на выцветающем кадре использовать один и тотже @keyframes - только на процентной шкале изменить какимто образом значения на (100%-х%) тем самым получив противоположное движение появляющегося кадра...?

Answer 1

[Kirito Kirigaya]

Вы можете использовать уже готовые слайдеры, вам нужно будет их только подключить и настроить так как вам нужно.
Например OwlCarousel или swiperjs