Auto increasing number in img src

Question

Suppose I have 100 images, named 1.png,2.png,3.png...so on.

Is there any coding that it automatically increases the number.

For Eg, I have

<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>

so now it should automatically do

<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>

then

<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>

and so on..

Auto increase number..

@RomanPerekhrest If I just wrote once , then it should automatically go one number up have the image — Chirag Jain, Sep 01 '17 at 14:25
Are the images in their own directory? Perhaps http://php.net/manual/en/function.scandir.php, or http://php.net/manual/en/function.glob.php — chris85, Sep 01 '17 at 14:48

Neodan · Accepted Answer · 2017-09-01T14:44:25.303

3

You can use for loop for that.

Example:

<?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; ?>

edited Sep 01 '17 at 14:44

answered Sep 01 '17 at 14:25

Neodan

5,154
2
27
38

I think. According to your answer. `src="6.png"` should be `src=".png"` – Nana Partykar Sep 01 '17 at 14:26
your code won't work, please reread before you post your aswer – DarkMukke Sep 01 '17 at 14:39
Can you also help with https://stackoverflow.com/questions/46012150/skipping-for-loop – Chirag Jain Sep 02 '17 at 09:39

DarkMukke · Answer 2 · 2017-09-01T14:36:36.400

you could set it in the url parameters:

<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: Guess i completely misunderstood the question I thought it had to increment every time the link was clicked

so for an alternative answer then the other 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; ?>

Auto increasing number in img src

2 Answers2

Linked