Картинки появляются друг под другом в слайдере, что делать?

Question

[odessit_29]

Сделал простой слайдер, но почему то картинки появляются друг под другом, подскажите как исправить?
И еще если не трудно подскажите как сделать так что бы помимо переключения кнопок картинки менялись сами через каждые 3 секунды

Answer 1

[AgentSmith72]

Посмотри хороший пример слайдера, без танцев с бубнами

Автоматический слайдер

Answer 2

[Степан Крапивин]

картинки появляются друг под другом, подскажите как исправить

добавить position: absolute к изображениям

.slider_content .itemSl{
  transition: opacity 1s ease-in-out;
  position: absolute;
}

как сделать так что бы помимо переключения кнопок картинки менялись сами через каждые 3 секунды

Вызывать plusSlide() через интервал в три секунды

setInterval(() => {
  plusSlide()
}, 3000)

Answer 3

[Elvis]

Добавить в .slider_content .itemSl

position: absolute;
width: 100%;

В конец JS добавить:
let timerid = setInterval(plusSlide,3000);