引導滑塊上的foreach數據顯示行中的數據

這是圖像上帶有一點點文本的圖像滑塊的代碼。此代碼以行顯示圖像。但我想讓它滑動。所以，請幫助我。引導滑塊上的foreach數據顯示行中的數據

    <?php $isFirst = true; ?> 
        <?php foreach ($summaries as $key => $Summary){ ?> 
         <div class="item{{{ $isFirst ? ' active' : '' }}}"> 
         <?php 
          if($Image){ 
          ?> 
          <?= $this->Html->image('../img/'.$Image[0]['Image']['name'],array('class' =>"img-responsive imgslider")); ?> 
         <?php } else{ ?> 
          <?= $this->Html->image('new_dummy.png',array('class'=>'img-responsive imgslider')); ?> 
         <?php }; ?> 
         <div class="carousel-caption" style="background:rgba(0,0,0,0.5)"> 
          <h3><?= $Summary['Summary']['dhalao_id']? $Summary['Dhalao']['name'] : 'Root'; ?></h3> 
          <p>Quantity Report: <?= $Summary['Summary']['time_created'] ;?> && Time: <?= $Summary['Summary']['date_created']; ?></p> 
         </div> 
         </div> 
        <?php $isFirst = false; ?> 
        <?php }; ?>

在這裏，我創建$isFirst變量，直到第一張幻燈片已打印的內容保持真實。這樣我們可以爲第一張幻燈片添加活動類，而不是其他人。

來源

2017-06-23 Amarprem Cool

通過「使它成爲一個滑塊「，你的意思是」用滑塊組成一行「？ – Tezra

請使用默認的php格式。與標籤相符

<div class="item{{{ $isFirst ? ' active' : '' }}}">

啓動和實施條件類似以下內容：如果您使用的引導轉盤的HTML

<div class="item <?php echo ($isFirst) ? ' active' : '' ; ?>">

來源

2017-06-23 12:11:55

這真棒:) –

是這樣的：

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

     <!-- Wrapper for slides --> 
     <div class="carousel-inner"> 
    <?php $isFirst = true; ?> 
         <?php foreach ($summaries as $key => $Summary){ ?> 
          <div class="item{{{ $isFirst ? ' active' : '' }}}"> 
          <?php 
           if($Image){ 
           ?> 
           <?= $this->Html->image('../img/'.$Image[0]['Image']['name'],array('class' =>"img-responsive imgslider")); ?> 
          <?php } else{ ?> 
           <?= $this->Html->image('new_dummy.png',array('class'=>'img-responsive imgslider')); ?> 
          <?php }; ?> 
          <div class="carousel-caption" style="background:rgba(0,0,0,0.5)"> 
           <h3><?= $Summary['Summary']['dhalao_id']? $Summary['Dhalao']['name'] : 'Root'; ?></h3> 
           <p>Quantity Report: <?= $Summary['Summary']['time_created'] ;?> && Time: <?= $Summary['Summary']['date_created']; ?></p> 
          </div> 
          </div> 
         <?php $isFirst = false; ?> 
         <?php }; ?> 
     </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>

來源

2017-06-23 12:13:00

如果我說它的引導滑塊，所以我已經使用它的滑塊所有Bootstrap標籤，但感謝您的時間。 –

引導滑塊上的foreach數據顯示行中的數據

回答

相關問題