Bootstrap旋轉木馬 - 通過PHP顯示每張幻燈片的不同圖像通過PHP

我正在製作一個傳送帶，其中每個圖像都來自我的PHP數據庫。但是，每張幻燈片都顯示相同的內容。由於已有'while'語句，因此不確定要包含哪個循環。Bootstrap旋轉木馬 - 通過PHP顯示每張幻燈片的不同圖像通過PHP

我的數據庫結構是這樣的。

表名是「項目」
列1 - ID
列2 - 命名
列3 - 圖像

我試圖實現對每張幻燈片顯示的「形象」每個'id'。

實施例：
ID＃1 - potato.jpg
ID＃2 - tomtato.jpg
等等...

的代碼如下。

function display_carousel（）{ global $ conn;

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

       <ol class='carousel-indicators'> 
       <li data-target='#myCarousel' data-slide-to='0' class='active'></li> 
       <li data-target='#myCarousel' data-slide-to='1' class='active'></li> 
       </ol> 

       <div class='carousel-inner' role='listbox'>"; 

        $sql = "SELECT image FROM items"; 
        $result = mysqli_query($conn,$sql); 
        while($row = mysqli_fetch_assoc($result)){ 
         extract($row); 

          echo "<div class='item active'> 
          <img src='$image' alt='Image'> 
           <div class='carousel-caption'> 
           <h3>CAPTION</h3> 
           </div> 
          </div> 

          <div class='item'> 
          <img src='$image' alt='Image'> 
           <div class='carousel-caption'> 
           <h3>CAPTION</h3> 
           </div> 
          </div>"; 
        } 
    echo "</div>"; 

     echo "<a class='left carousel-control' href='#myCarousel' role='button' data-slide='prev'> 
       <span class='glyphicon glyphicon-chevron-left' aria-hidden='true'></span> 
       <span class='sr-only'>Previous</span> 
       </a> 
       <a class='right carousel-control' href='#myCarousel' role='button' data-slide='next'> 
       <span class='glyphicon glyphicon-chevron-right' aria-hidden='true'></span> 
       <span class='sr-only'>Next</span> 
       </a> 
     </div>";

}

來源

2017-10-21 dovahkiin

我會做的第一件事是讓你越來越知道什麼你的數據庫是什麼你認爲它是使用的var_dump（）。只要確保你沒有從那裏得到三個相同的圖像。

echo '<pre>'; 
var_dump($result); 
echo '</pre>';

來源

2017-10-21 06:26:42 stillatmylinux

Bootstrap旋轉木馬 - 通過PHP顯示每張幻燈片的不同圖像通過PHP

回答

相關問題