Добавление баннера движения на сайт с использованием HTML, CSS и JavaScript

Question

В настоящее время я работаю над полноценным веб-сайтом и разрабатываю интерфейсную часть, используя HTML, CSS и JavaScript.

Я хочу добавить баннер движения на главной странице моего сайта (баннер движения представит наиболее читаемые статьи), как показано в следующем прототипе:

MainPage ofMyWebsite

Как это сделать с помощью JavaScript?Нужно ли делать маленькие квадратные кнопки, тогда, когда пользователь нажимает на них, меняются баннеры?Как я могу сделать так, чтобы баннеры менялись автоматически каждые несколько секунд?

Может ли кто-нибудь прислать мне несколько ссылок, по которым я могу перейти, чтобы создать этот баннер?

Answer 1

добро пожаловать в переполнение стека!

Есть много способов сделать карусель, но жизнеспособным вариантом может быть использование чужой библиотеки, которую они уже написали.После быстрого поиска Google для «js carousel» я нашел следующие:

• w3schools tutorial
• slick
• скольжение
• Сова Карусель
• Flickity

Надеюсь, это поможет!