Home/ Questions/Q 7737643
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T08:03:16+00:00

I have this code that shows all the images inside ‘images’ directory but it

  • 0

I have this code that shows all the images inside ‘images’ directory but it is very annoying because all the images are showing on a single page :/

how could i split those images on multiple pages ?

here is the code

<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<?php 
$files = glob("images/*.*"); 
echo '<div id="design">';

for ($i=0; $i<count($files); $i++) { 
    $num = $files[$i];
        if ($i%3==0){echo '<div class="Row">';}
        echo '<img class="img" width="250px" height="250px" src="'.$num.'" alt="random image" />'; 
        if ($i%3==0){echo '</div>';}
    }

echo '</div>';  
?>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First, try replacnig this line with something more rubust. This will return all files (image or anything else) unless you are sure that only image files are in the folder:

    $files = glob("images/*.*");

    The $files will result in an array with paths to the images, you can easily use this feature to display only the number of images you want in a page.

    like this:

    <?php     

$imagesPerPage = 10;

if(!isset($_GET["start"]))
{
    $start = 0;
}
else
{
    $start = $_GET["start"];
}

$files = glob("images/*.*");     

for($i = $start; $i < $start + $imagesPerPage; $i++)
{
   if(isset($files[$i]))
   {
       echo "<img src=\"".$files[$i]."\" width=\"100\" height=\"100\" />\r\n";
   }
}

$start = $start + $imagesPerPage;       

echo "<br />\r\n";
echo "<a href=\"index.php?start={$start}\">NEXT</a>";
?>

    You can follow the same rules and make a pervious link as well!

    Please note, stopping (disabling) NEXT or Pervious links is up to yourself!

    • 0