Слайд-карусель миниатюр начальной загрузки 3 - PullRequest
Новая
       4

Слайд-карусель миниатюр начальной загрузки 3

0 голосов
/ 08 июля 2019

Я хотел бы вставить миниатюры слайд-карусели bootsrap 3, чтобы отобразить соответствующие продукты на странице моего продукта.В настоящее время я использую этот код:

`

            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="item active">
                <div class="col-sm-4"><a href="#x"><img src="http://placehold.it/500x500" alt="Image" class="img-responsive"></a>
                        </div>
                </div> 
                <div class="item">
                <div class="col-sm-4"><a href="#x"><img src="http://placehold.it/500x500" alt="Image" class="img-responsive"></a>
                        </div>
                </div> 
                <div class="item">
                <div class="col-sm-4"><a href="#x"><img src="http://placehold.it/500x500" alt="Image" class="img-responsive"></a>
                        </div>
                </div> 
                <div class="item">
                <div class="col-sm-4"><a href="#x"><img src="http://placehold.it/500x500" alt="Image" class="img-responsive"></a>
                        </div>
                </div> 
                <!--/item-->
            </div>
            <!--/carousel-inner--> 
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>

            <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
        </div>
        <!--/myCarousel-->`

У меня две проблемы: 1) Я хочу отображать стрелки навигации только тогда, когда содержимое слайда превышает ширину его слайда.контейнер.Я не хочу, чтобы навигационные стрелки всегда были видны.2) Мне бы хотелось, чтобы в отзывчивой (мобильной) версии одновременно отображался только один слайд.После, с помощью навигационных стрелок я хочу прокрутить продукт по одному на слайде.3) Есть ли функция увеличения на изображении продукта всегда с начальной загрузкой 3?

Спасибо

...