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

你不能這樣做，因爲瀏覽器不知道上述源中有哪些文件。

最好的方法是爲您的資產編號，例如001.jpg。 這樣你就可以使用javascript來使用範圍循環它們。

Answer 2

假設你有你的IMGS命名img0.jpg到img4.jpg

如果添加此代碼，輸出將是那些5個IMGS。

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

Answer 3

你可以，如果你的文件名/目錄遵循一個模式使用「通配符」，那麼你可以做一個循環，並寫入自動而不是手動。

./用於當前目錄中的文件，../用於上面的一個目錄，*用於所有匹配，例如， <img src="../../content/images/IMG_*.*"> =上述2個目錄中的所有圖像，文件名以「IMG_」開頭並具有任何文件擴展名。