मैंने यहां बूटस्ट्रैप हिंडोला बनाने के लिए PHP कोड डालने का समाधान पढ़ा:

बूटस्ट्रैप हिंडोला के साथ PHP

लेकिन मुझे संकेतकों के साथ थोड़ी परेशानी है, अगर मैं वहां PHP कोड डालता हूं, तो केवल 1 संकेतक दिखाई देता है। मैं चाहूंगा कि मेरे डीबी में जितने चित्र हैं उतने संकेतक दिखाई दें।

आशा है कि कोई मदद कर सकता है।

मेरे पास अब जो कोड है वह संकेतकों के लिए सिर्फ गैर-php कोड है, मैं हमेशा केवल 1 संकेतक के साथ समाप्त होता हूं।

<!-- Wrapper for slides -->
<div class="carousel-inner">
  <?php
    $counter = 1;
    foreach($images->results() as $image){
  ?>
                    
  <div class="item<?php if($counter <= 1){echo " active"; } ?>">
    <img class="carouselimg" src="<?php echo $image->url; ?>" alt="<?php echo $image->description; ?>">
  </div>
                    
  <!-- Indicators --> //This is what I can't find
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    //also tried <li data-target="#myCarousel" data-slide-to=<?php echo $counter-1;?> class=<?php if($counter <= 1){echo 'class="active"'}?>></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>
                    
                    <?php
                        $counter++;
                        }
                    ?>
                </div>
-1
user3906610 22 अगस्त 2020, 00:14

1 उत्तर

सबसे बढ़िया उत्तर

मुख्य समस्या यह है कि आप बार-बार प्रत्येक स्लाइड के लिए संपूर्ण संकेतक <ol> उत्पन्न कर रहे हैं। आपको केवल एक बार <ol> उत्पन्न करना चाहिए, और इसके भीतर आपको प्रत्येक स्लाइड के लिए एक <li> उत्पन्न करना चाहिए:

<!-- Wrapper for slides -->
<div class="carousel-inner">
<?php
    // Carousel items:

    $counter = 1;
    foreach($images->results() as $image){
?>
                                        
    <div class="item<?php if($counter <= 1){echo " active"; } ?>">
        <img class="carouselimg" src="<?php echo $image->url; ?>" alt="<?php echo $image->description; ?>">
    </div>
<?php
        $counter++;
    }
?>
    <!-- Indicators --> //This is what I can't find
    <ol class="carousel-indicators">
<?php

    $counter = 1;
    foreach($images->results() as $image){
?>
        <li data-target="#myCarousel" data-slide-to="<?= $counter ?>" <?php if ($counter==1){ ?>class="active"<?php } ?>></li>
    </ol>
                                        
<?php
        $counter++;
    }
?>
</div>
1
kmoser 22 अगस्त 2020, 10:21