在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中动态添加图像到滑块

回答

相关问题