Как сделать легкий вертикальный слайдер?

Question

[Bazhenovdev]

Всем привет друзья! У меня к вам вопрос, как можно реализовать такой.. простой.. и легкий слайдер для сайта. Задача в том.. что бы он прокручивал 1 блок.. с текстом. С лева есть небольшой бар с цифрами, с активной подсветкой.. как показано ниже на картинке, а с права от него, будет текст. Как можно такое сделать? Спасибо!

Answer 1

[TigNewStyle]

можно сделать с помощью bootstrap- а!!! тебе надо скачать bootstrap и потом вставит этот код
ну и потом уже менять в css так как тебе надо !!!

<div id="myCarousel" class="carousel slide">
          <!-- Carousel indicators -->
          <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>
          <!-- Carousel items -->
          <div class="carousel-inner">
          <div class="item active">
          <img src="img/slide1.png" alt="First slide"  width="100%" height="">
          </div>
          <div class="item">
          <img src="img/slide2.png" alt="Second slide"  width="100%" height="">
          </div>
          <div class="item">
          <img src="img/slide3.png" alt="Third slide" width="100%" height="">
          </div>
          </div>
          <!-- Carousel nav -->
          <a class="carousel-control left" href="#myCarousel"
          data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel"
          data-slide="next">&rsaquo;</a>
        </div>