HTML通配符

Question

我有插入jQuery幻灯片的图像。所有这些图片都是使用 image src 添加的。我想知道是否有一个通配符我可以用来自动添加图像，而不是手动为每个图像添加路径。 例如：

<div class="frame">
            <img src="images/IMG_1.jpg" />
            <img src="images/IMG_2.jpg" />
            <img src="images/IMG_3.jpg" />
</div>  

有没有办法可以自动添加图像而无需为每个图像输入源代码，或者有没有办法可以使用通配符来自动选择名为IMG_*的图像？

Answer 1

假设您的imgs名为img0.jpg到img4.jpg

如果添加此代码，则输出将为5 imgs。

<?php
  for ( $i = 0; $i < 5; $i++ ) {
    echo "<img src='imgs/img$i.jpg'>";
}
?>

Answer 2

您无法做到这一点，因为浏览器不知道所述来源中有哪些文件。

最好的方法是为您的资产编号，例如001.jpg。 这样你就可以使用javascript来使用range来循环它们。

Answer 3

如果您的文件名/目录遵循模式，则可以使用“通配符”，然后您可以循环自动编写它们而不是手动编写它们。

./表示当前目录中的文件，../表示上面一个目录的文件，*表示所有匹配项目，例如<img src="../../content/images/IMG_*.*"> =上述2个目录中的所有图像，文件名以“IMG_”开头并具有任何文件扩展名。