Question

我一整天都在寻找，我很难过。我已经尝试了所有搜索过但却没有成功的事情。

这是我的问题..

<div id="slider" class="flexslider">
      <ul class="slides">
      <li><img src="photos/mini-01.jpg"/>
      <li><img src="photos/mini-02.jpg"/>
      <li><img src="photos/mini-03.jpg"/>
      <li><img src="photos/mini-04.jpg"/>
      </ul>
</div>
<div id="carousel" class="flexslider">
      <ul class="slides">
      <li><img src="photos/mini-01.jpg"/>
      <li><img src="photos/mini-02.jpg"/>
      <li><img src="photos/mini-03.jpg"/>
      <li><img src="photos/mini-04.jpg"/>
      </ul>
</div>

我想要做的是让它根据＆＃34;照片＆＃34;中的内容自动为我的图像创建线条。夹。我将在很多场合使用这个模板，并且不希望每次我都要手动输入照片。谈论劳动密集型。

非常感谢任何帮助。

Answer 1

您可以使用PHP执行此操作，只需在页面顶部使用此功能。

<?php
function images($dir) {
$files1 = scandir($dir);
foreach ($files1 as $x=>$value)
{
    if ($value == "." || $value == ".."){
        unset($files1[$x]);
    }
}
foreach ($files1 as $x=>$value)
{

    echo "<li><img src=\"photos/$value\"></li>";
}
}
?>

然后，当您想要使用它时，只需使用您的图像目录名称调用它。

<ul>
<?php images (Your photos directory Name here);?>
</ul>

如何在html中为Flexslider2自动填充目录中的图像？

1 个答案: