Skip to main content
2 de 2
Upando imagens

Redimensionar fotos de carrousel feito por Bootstrap e Javascript

Tenho um carrousel feito por Javascript e Bootstrap. Ele recebe imagens de um banco baseado em um rank de cliques, mas as imagens são todas de tamanhos diferentes e acabam interferindo no display do carrousel, eu ja tentei mudar tamanhos em CSS inline por todo lado, mas não consigo resolver.

Segue meu código:

<div class="row col-md-6 col-md-offset-3">
                    <div id="carousel" style="width:100%;">

                        <?php foreach($ofertas as $indice => $teste): ?>
                            <img src="<?= Yii::getAlias('@web').$teste['ofe_imagem']?>" style="!important;"> 
                        <?php endforeach ?>

                    </div>
            </div>
<script>

$('#carousel').slick({
    autoplay: true,
    autoplaySpeed: 1000,
    arrows: true,
    nextArrow:'<button  style="position"class="right carousel-control"></button>',
    prevArrow:'<button style="z-index:5"class="left carousel-control"></button>',
    slidesToShow: 1,
    infinite: true,
    adaptativeHeight: true, 
    
});

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui