2017-05-02 3 views
-2

Dies ist mein Code für Bootstrap Carousel. Ich möchte Bilder dynamisch zeigen. Aber hier wird nur ein Bild gezeigt ... Ich kann nicht herausfinden, was das Problem dahinter ist.foreach loop im bootstrap Karussell

Dies ist mein Code

<?php 
foreach($article_post as $row) { 
    if(!isset(unserialize($row->post_image)[0])){ 
     echo "No Image"; 
    } else { 
     $a=unserialize($row->post_image)[0]; 
     $b=unserialize($row->post_image); 
    } 
} 
?> 
<div class="col-md-8 col-xs-12 chng1"> 
    <?php if (count($b) == 1) { ?> 
     <img src="<?php echo base_url()."assets/".$a; ?>" width="100%" height="450" style="position:relative" class="img-wdth"> 
    <?php } elseif(count($b)>1) { ?> 
     <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
     <!-- Wrapper for slides --> 
      <div class="carousel-inner"> 
       <div class="item active"> 
        <img src="<?php echo base_url()."assets/".$a?>" alt="Los Angeles"> 
       </div> 
      </div> 
     <!-- Left and right controls --> 
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
       <span class="glyphicon glyphicon-chevron-left"></span> 
       <span class="sr-only">Previous</span> 
      </a> 
      <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
       <span class="glyphicon glyphicon-chevron-right"></span> 
       <span class="sr-only">Next</span> 
      </a> 
     </div>  
    <?php } ?> 
</div>  
+0

Kontrollkonsole Fehler in browser..what es sagt? –

+0

wo ist foreach loop? –

+0

Es kann nicht geladen werden Ressource: net :: ERR_FAILED in cast.sender.js –

Antwort

0

Try this:

<?php foreach($article_post as $row){ 
        $c=0; 
        if(!isset(unserialize($row->post_image)[0])){ 
         echo "No Image"; 
        } 
        else{ 
         $a=unserialize($row->post_image)[0]; 
         $b=unserialize($row->post_image);?> 

<div class="col-md-8 col-xs-12 chng1"> 
<?php if (count($b) == 1) { ?> 

<img src="<?php echo base_url()."assets/".$a?>" width="100%" height="450" style="position:relative" class="img-wdth"> 
<?php } elseif(count($b)>1){ $c++; ?> 

<?php if($c==1){echo '<div id="myCarousel" class="carousel slide" data-ride="carousel"><div class="carousel-inner"><div class="item active">';} ?> 

    <!-- Wrapper for slides --> 


     <img src="<?php echo base_url()."assets/".$a?>" alt="Los Angeles"> 
<?php if($c==1){echo '</div></div>';} ?> 
<?php } } }?> 
<!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
    <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
    <span class="sr-only">Next</span> 
    </a> 
</div> 
0
<?php foreach($article_post as $row){ 

        if(!isset(unserialize($row->post_image)[0])){ 
         echo "No Image"; 
        } 
        else{ 
         $a=unserialize($row->post_image)[0]; 
         $b=unserialize($row->post_image); 

             ?> 

    <div class="col-md-8 col-xs-12 chng1"> 
    <?php if (count($b) == 1) { ?> 

    <img src="<?php echo base_url()."assets/".$a?>" width="100%" height="450" style="position:relative" class="img-wdth"> 
    <?php } elseif(count($b)>1){ //Greater than 1 then use another foreach 
     ?> 
    <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
     <!-- Wrapper for slides --> 
     <div class="carousel-inner"> 
     <div class="item active"> 
      <?php foreach($b as $c){ ?> 
       <img src="<?php echo base_url()."assets/".$c?>" alt="Los Angeles"> 
      <?php } ?> 
     </div> 
     </div> 
    <!-- Left and right controls --> 
     <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left"></span> 
     <span class="sr-only">Previous</span> 
     </a> 
     <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right"></span> 
     <span class="sr-only">Next</span> 
     </a> 
    </div> 


<?php } }}?>