在html中動態添加圖像到滑塊

我正在學習和製作一個小型的Php項目，Html jquery。在html中動態添加圖像到滑塊

我想要一個帶有垂直滾動的滑塊。數據庫將從表中獲取一行數組並獲取放置在服務器上的圖像的鏈接。然後，它會顯示加載和顯示這些圖像

這裏是我的div類

<div class="albums-div"> 
    <ul class="slides"> 
     <li> 
      <img src="images/smalimg.png" /> 
     </li> 
     <li> 
      <img src="images/smalimg.png" /> 
     </li> 
     <li> 
      <img src="images/smalimg.png" /> 
     </li> 
     <li> 
      <img src="images/smalimg.png" /> 
     </li> 
    </ul> 
</div>

眼下它的硬編碼，但我怎麼能動態地創建

<li> 
      <img src="images/smalimg.png" /> 
     </li>

來源

2014-04-25 Muhammad Umar

這是一個大問題。你如何輸入這些東西？你需要一個完整的CRUD設置和大量的東西。你有沒有想過使用已經存在的CMS？ – sheriffderek

假設你回到你的SQL結果在一個變量名爲$行和圖片鏈接存儲爲「圖像/ smalimg.png」：

<div class="albums-div"> 
    <ul class="slides"> 
     <?php 
      foreach($rows as $row){ 
       echo '<li><img src="' . $row['link'] . '" /></li>'; 
      } 
     ?> 
    </ul> 
</div>

來源

2014-04-25 03:48:35

您可以使用庫MySQLi或準備語句，我會告訴你使用mysqli：

表名：圖像包含

image_id（INT - 自動遞增 - 無符號 - 無缺省值）

圖片鏈接（VARCHAR - 100長 - 無缺省值）

<?php 

$dbc = mysqli_connect("DB_HOST", "DB_USER", "DB_PASSWORD", "DB_NAME"); 

$query = "SELECT image_link FROM images"; 
$data = mysqli_query($dbc, $query); 

while($row = mysqli_fetch_array($data)) { 
    // Do your ouput 
    echo '<li>' . $row['image_link'] . '</li>'; 
} 

mysqli_close($dbc); 
?>

編輯：與特定的數據庫替換上面的連接名稱連接值。

來源

2014-04-25 03:45:12 Skewled

在html中動態添加圖像到滑塊

回答

相關問題