Автоматическое увеличение числа в img src

Предположим, у меня есть 100 изображений с именами 1.png, 2.png, 3.png … и так далее.

Есть ли какая-либо кодировка, которая автоматически увеличивает число.

Например, у меня есть

<div class="col-md-2"> <div class="thumbnail"> <a href="<?php echo $details;?>6.php" target="_blank"> <img class="img-zoom" src="<?php echo $images;?>6.png" alt="Lights" style="width:100%"> </a> </div> </div> 

так что теперь он должен автоматически делать

 <div class="col-md-2"> <div class="thumbnail"> <a href="<?php echo $details;?>7.php" target="_blank"> <img class="img-zoom" src="<?php echo $images;?>7.png" alt="Lights" style="width:100%"> </a> </div> </div> 

тогда

 <div class="col-md-2"> <div class="thumbnail"> <a href="<?php echo $details;?>8.php" target="_blank"> <img class="img-zoom" src="<?php echo $images;?>8.png" alt="Lights" style="width:100%"> </a> </div> </div> 

и так далее..

Автоматическое увеличение числа.

Solutions Collecting From Web of "Автоматическое увеличение числа в img src"

Вы можете использовать для этого цикл.

Пример:

 <?php for ($i = 1; $i <= 100; $i++): ?> <div class="col-md-2"> <div class="thumbnail"> <a href="<?php echo $details . $i;?>.php" target="_blank"> <img class="img-zoom" src="<?php echo $images . $i;?>.png" alt="Lights" style="width:100%"> </a> </div> </div> <?php endfor; ?> 

вы можете установить его в параметрах URL:

 <div class="col-md-2"> <div class="thumbnail"> <?php $n = (isset($_GET['n'])) ? $_GET['n'] : 0; ?> <a href="<?php echo $details;?>?n=<?php echo $n+1 ?>.php" target="_blank"> <img class="img-zoom" src="<?php echo $images . $n;?>.png" alt="Lights" style="width:100%"> </a> </div> </div> 

EDIT: Угадайте, я полностью неправильно понял вопрос, который, как я думал, ему приходилось увеличивать каждый раз, когда была нажата ссылка

поэтому для альтернативного ответа тогда другие 2

 <?php foreach(range(1, 100) as $n): ?> <div class="col-md-2"> <div class="thumbnail"> <a href="<?php echo $details . $n;?>.php" target="_blank"> <img class="img-zoom" src="<?php echo $images . $n;?>.png" alt="Lights" style="width:100%"> </a> </div> </div> <?php endforeach; ?>