bootstrap slider active işemi hakkında

Anonim 1064 gün önce

341 defa görüntülendi

Merhabalar, ben twig kullanıyorum da yalnız bootstrap slider da carousel-item active kısmında sorun yaşıyorum yani döngüye alıyor ama hepsine active classı veriyor bunu nasıl düzenleyebilirim? ilk slider active gelsin sornası active classı kelmesin nasıl ayarlayabiliriz veya başka bir yol var mı?

{% for item in get_all_sliders() %}
<div class="carousel-item active">
  <img class="d-block w-100" src="{{ constant('UPLOAD_URI') }}slider/{{ item.img }}" alt="">
  
</div>
{% endfor %}

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

bayburt

1062 gün önce

Ben ilk resme aktif klasını bu şekilde eklettiriyorum
Sayfanın en altına şu şekil

<script>
    $(function () {$('.carousel-item:nth-child(1)').addClass('active');});  
</script>

Veya js dosyasına bu şekil

$(function (){
    $(function () {$('.carousel-item:nth-child(1)').addClass('active');});  
});

#008480

dnzclk

1063 gün önce

Kendi kodlarımdan örnek vereyim mantığı anlayacaksınız

<?php
$sayi = 0;

$sql_slider = $conn->query("SELECT * FROM slider ORDER BY id ASC");
while($row_slider = $sql_slider->fetch()){ ?>

<div class="item<?php echo $sayi == 0 ? ' active' : '' ?>">

<img src="<?php echo $row_slider['resim'];?>" alt="" />

</div>

<?php $sayi ++; } ?>

#008474