Как сделать слайдер с текстом и картинками?

Question

[MrMons]

Нужен слайдер, у которого слева будет текст, а справа сама картинка и при нажатии на кнопку(любую, которую укажешь) будет меняться и текст и картинка. Как сделать такой слайдер?

Answer 1

[Danya Wyse]

Я тоже задавал подобного рода вопросы..
Но скажу честно, тебе не даст это никакого полезного опыта и проблему ты быстро решишь.
Потрать время, посмотри гайды, видео как делаются слайдеры, как вставляются они.
Как выглядит слайдер на чистом Js и с помощью библиотек.
Лично я использую библиотеки по типу carousel.js или slick slider , owl-carousel. Все индивидуально.
Касаемо твоего вопроса , слева текст а справа картинка - Это один блок на весь экран, допустим.
Нажимаешь на стрелочку, включается след. блок
Примерно так

<div class ="slider">
          <div class =content-1>
               <div class ="text-block">
                         some text
               </div>
               <div class ="img-block">
                       <img>
              </div>
          </div>
  <div class =content-2>
               <div class ="text-block">
                         some text
               </div>
               <div class ="img-block">
                       <img>
              </div>
          </div>
</div>

Comments

[MrMons]

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

Еще раз искренне благодарю за данный вами совет