PHP slider sorunu

Arkadaşlar slider panelden yüklenen resimleri çekiyor onda bir sıkıntı yok ancak carousel-indicators li butonlarını çalıştıramadım
data-slide-to="0" sıfır dönmekte sorun nedir sizce? nerede hata yaptım

PHP dosyam

<?php if ($totalRows_slayt > 0) { // Show if recordset not empty ?>

<div id="demo" class="carousel slide" data-ride="carousel">

<ul class="carousel-indicators">
<?php $a = 0; do { ?>
<li data-target="#demo" data-slide-to="0" class="<?php $a++; if($a==1) {echo 'active';} else {echo'';} ?>"></li>
<?php } while ($row_slayto = mysql_fetch_assoc($slayto)); ?>

</ul>

<!-- The slideshow -->
<div class="carousel-inner">
<?php $a = 0; do { ?>
<div class="carousel-item active">

<img src="upload/slaytlar/<?php echo $row_slayt['resim']; ?>" alt="<?php echo $row_slayt['baslik']; ?>" width="100%">

</div>

<?php } while ($row_slayt = mysql_fetch_assoc($slayt)); ?>

</div>


</div>

<?php } // Show if recordset not empty ?>

HTML çıktıyı böyle veriyor

 <div id="demo" class="carousel slide" data-ride="carousel">

<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="0" class=""></li>
<li data-target="#demo" data-slide-to="0" class=""></li>

</ul>

<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
    
     <img src="upload/slaytlar/997cc1ad06caa4989f14f86eebc72a631878934958.jpg" alt="Oluklu Mukavva" width="100%">

</div>
    
<div class="carousel-item active">
    
     <img src="upload/slaytlar/9ab4ec86a15f399bb46f9e3cff01bd8e334443029.jpg" alt="Oluklu Mukavva" width="100%">

</div>
    
<div class="carousel-item active">
    
     <img src="upload/slaytlar/7349a48e4be6c9d0044355c8dd45dadf549241308.jpg" alt="Oluklu Mukavva 3" width="100%">

</div>
    

</div>


</div>

çalışır halinin linkini atın bakalım

Hepsinde 0 yazdığı için tümüne active class ekliyor sanırım. Döngü dışında $number=0; döngü bitişinde $number++; yazıp

<li data-target="#demo" data-slide-to="0" class="<?=$number=0 ? 'active' : '' ?>"></li>Divlerde de aynı şekilde;
<div class="carousel-item <?=$number=0 ? 'active' : '' ?>"> <img src="upload/slaytlar/997cc1ad06caa4989f14f86eebc72a631878934958.jpg" alt="Oluklu Mukavva" width="100%"> </div>Yazar mısın

Tesbitiniz doğru hocam dediğinizi uyguladım
bu şekildemi? malesef yine olmadı

<?php if ($totalRows_slayt > 0) { // Show if recordset not empty ?>

<div id="demo" class="carousel slide" data-ride="carousel">

<ul class="carousel-indicators">
<?php $a = 0; do { ?>
<li data-target="#demo" data-slide-to="0" class="<?=$number=0 ? 'active' : '' ?>"></li>
<?php } while ($row_slayto = mysql_fetch_assoc($slayto)); ?>

</ul>

<!-- The slideshow -->
<div class="carousel-inner">
<?php $a = 0; do { ?>
<div class="carousel-item <?=$number++ ? 'active' : '' ?>">
    
     <img src="upload/slaytlar/<?php echo $row_slayt['resim']; ?>" alt="<?php echo $row_slayt['baslik']; ?>" width="100%">

</div>
    
<?php } while ($row_slayt = mysql_fetch_assoc($slayt)); ?>

</div>


</div>

<?php } // Show if recordset not empty ?>

JavaScript tarafını da görmek gerek. Link gönderirseniz nasıl çalıştığına bir bakalım, ona göre bir çözüm üretilir.

<?php if ($totalRows_slayt > 0) { // Show if recordset not empty ?> <div id="demo" class="carousel slide" data-ride="carousel"> <ul class="carousel-indicators"> <?php $number = 0; do { ?> <li data-target="#demo" data-slide-to="<?php echo $number;?>" class="<?php echo $number==0 ? 'active' : '' ?>"></li> <?php $number++; } while ($row_slayto = mysql_fetch_assoc($slayto)); ?> </ul> <!-- The slideshow --> <div class="carousel-inner"> <?php $number=0; do { ?> <div class="carousel-item <?php echo $number==0 ? 'active' : '' ?>"> <img src="upload/slaytlar/<?php echo $row_slayt['resim']; ?>" alt="<?php echo $row_slayt['baslik']; ?>" width="100%"> </div> <?php $number++; } while ($row_slayt = mysql_fetch_assoc($slayt)); ?> </div> </div> <?php } // Show if recordset not empty ?>
Doğrusu bu şekilde olmalı

Teşekkürler arkadaşlar.



Harikasın hocam halloldu +