Bootstrap 4 карусель сжимается и расширяется на четных изображениях - PullRequest
0 голосов
/ 14 сентября 2018

Я работаю с Bootstrap 4 на веб-сайте, и я добавил на сайт карусель начальной загрузки для скользящего изображения.Я обнаружил, что ползунок будет сжиматься на четных изображениях (2-е, 4-е) и расширяться на нечетных изображениях до нужного размера (1-е, 3-е).Осмотрев элементы, я обнаружил, что JavaScript работает так, чтобы сжимать и расширять изображение.Вот код, который я написал (обратите внимание, у меня есть некоторый php-код, так как я работаю над сайтом php.):

<div id="featured<?php echo $module->id;?>" class="carousel slide carousel-fade" data-ride="carousel" style="margin: 0">
                <div class="carousel-inner">
                <?php $count = 0; ?>
                <?php foreach($items as $key=>$item) {?>
                    <?php $count += 1; $active=""; ?>
                    <?php if ($count == 1){ $active = "active" ;} ?>
                    <div class="carousel-item <?php echo $active?>">
                        <img src="<?php echo $item['thumb']?>" class="d-block w-100">
                    </div>
                <?php } ?> 
                    <a class="carousel-control-prev" href="#featured<?php echo $module->id;?>" 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="#featured<?php echo $module->id;?>" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
                <ol class="carousel-indicators">
                    <?php for ($i ==0; $i < $count ; $i++){ ?>
                        <li data-target="#carouselExampleIndicators" data-slide-to="<?php echo $i;  ?>" <?php if ($i== 0){ ?>class="active" <?php } ?> ></li>
                    <?php } ?>
                </ol>
            </div>

Буду признателен, если кто-нибудь сможет дать мне лучшее решение.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...