How to make a slider with text and pictures?

Question

css

We need a slider that will have text on the left, and the picture itself on the right, and when you click on the button (any one you specify), both the text and the picture will change. How to make such a slider?

Answer 1

I also asked questions of this kind ..
But to be honest, this will not give you any useful experience and you will quickly solve the problem.
Take your time, watch guides, videos on how sliders are made, how they are inserted.
What a slider looks like in pure Js and with the help of libraries.
Personally, I use libraries like carousel.js or slick slider , owl-carousel. Everything is individual.
With regards to your question, on the left is the text and on the right is the picture - This is one block for the entire screen, for example.
You click on the arrow, the trail turns on. block
Like this

<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>