Как создать загрузочную карусель с рядом следующих / предыдущих изображений? - PullRequest
Новая
       77

Как создать загрузочную карусель с рядом следующих / предыдущих изображений?

1 голос
/ 21 сентября 2019

Я создал загрузочную карусель.он работает нормально, но как я могу показать следующие и предыдущие изображения на следующих и предыдущих кнопках.

ниже в URL вы можете увидеть, что я сделал до сих пор.https://imgur.com/a/vJnSuca

<div class="container image-slides">
    <div class="row r">
        <div class="col-md-2"></div>
        <div class="col-md-8">

            <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img class="d-block w-100" src="images/festival-slider.jpg"
                    alt="First slide">
                </div>
                <div class="carousel-item">
                  <img class="d-block w-100" src="images/festival-slider.jpg"
                    alt="Second slide">
                </div>
                <div class="carousel-item">
                  <img class="d-block w-100" src="images/festival-slider.jpg"
                    alt="Third slide">
                </div>
              </div>
              <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>              

        </div>
        <div class="col-md-2"></div>
    </div>


</div>

Я хочу показать следующее и предыдущее изображения рядом с кнопками со стрелками. Теперь у меня есть стрелка, которая заменяет статические изображения.

...