Я работаю с 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>
Буду признателен, если кто-нибудь сможет дать мне лучшее решение.