help to display images from directory in a table style

[jearnizck]

hi everyone! is there someone who can help me, i am a beginner in php, i have a code that displaying images from my images directory but i want it to be in a table style...my output of my code is displying in a single row...i want it to display a limit of 4 columns per row...here's my code...please help me! thanks in advance!

<?php 
 
//  Define  the  full  path  to  your  folder,  shouldn't  need  changing 
$path  =  "./";
 
//  Open  the  folder 
$dir_handle  =  @opendir($path)  or  die("Unable  to  open  folder");  
 
//create table
echo '<table border=1 cellspacing=1 cellpadding=2 width=150%>';
 
//  Loop  through  the  files 
while  (false  !==  ($file  =  readdir($dir_handle)))  {  
 
//  Prevent  this  file  itself  being  shown 
//  If  you  want  it  to  not  display  any  other  files 
//  enter  more  of  these 
 
if($file  ==  "index.php")  
continue;  
//Prevent  folders  showing 
if($file  ==  ".")  
continue;  
if($file  ==  "..")  
continue;
if($file  ==  "bannerfinal.swf")  
continue;  
if($file  ==  "display2.php")  
continue;  
if($file  ==  "mu.jpg")  
continue;
if($file  ==  "LP_site.jpg")  
continue;
if($file  ==  "sabi.jpg")  
continue;
if($file  ==  "frenster.jpg")  
continue;
if($file  ==  "eriksite.jpg")  
continue;
if($file  ==  "bg2.jpg")  
continue;
if($file  ==  "bg3.jpg")  
continue;
if($file  ==  "md.jpg")  
continue;
if($file  ==  "gall.jpg")  
continue;
 
//  Display  the  results 
 
//echo '<tr>';
    echo '<td>' . "<a href='$file' target=_blank><img  src='$file'  alt='$file'  width='220' height='220'></a>" . '</td>';
//echo '</tr>';
 
 
}  
echo '</table>';
//  Close  it 
closedir($dir_handle);  
 
?>
 

[Atli]

Hi. Welcome to TSDN!

First of all, I would recommend putting the images you want to be shown in another folder, separate from the files you do not want shown.
This would eliminate the need to filter out the files you don't want to show.

Also, you may want to check out the glob function to replace the readdir function. The glob function is much easier to work with and it gives you the option to filter the search results by a pattern.
And, different from the readdir function, the glob function returns all it finds as an array, so it can be sorted and/or modified as you want.

For example, if you want to list all files in a specific directory:

# The * in the glob pattern is used as a wildcard.
$fileList = glob("path/to/dir/*.*")
 
# Print each file
echo "Files found:";
foreach($fileList as $file) {
  echo " - ". $file;
}
 

Or, if you only want to see jpg or png images:

# Create pattern
$globPattern = "{*.jpg, *.jpeg, *.png}";
 
# Get a list of files
$fileList = glob($globPattern, GLOB_BRACE);
 
# Print each file
echo "Files found:";
foreach($fileList as $file) {
  echo " - ". $file;
}
 

And, finally, getting to your actual question :P

You can use the modulus operator (%) to divide your table into four columns.
Like so:

echo "<table><tr>";
# Loop through 15 times, each time incrementing $i by one.
for($i = 0; $i < 15; $i++) 
{
  # Create a new row every four columns
  if($i % 4 == 0 and $i != 0) 
  {
    echo "</tr><tr>";
  }
 
  # Add a column
  echo "<td>Column nr: $i</td>";
}
echo "</tr></table>";
 

The modulus operator essentially divides the first number with the second number and returns the leftovers.

Another way to think of it is; the second number is subtracted from the first number until the first number is less then the second number, then what is left of the first number is returned.

So, by using how many columns have already been added as the first number, and 4 as the second number, the number returned will always be 0 every 4 rows.

[jearnizck]

wow! i've learned a lot from you ATLI, thank you so much! i can reconstruct my code to more easy way! much appreciated! thanks!

[Atli]

Glad I could help :)

Let us know if you run into any other problems or questions we can help with.

[aptproductions]

Alti : just wanted to leave a note of thanks as your little bit of PHP is just what I was looking for to display various logos of awards for a school I'm working in on the footer of our new website instead of having to hard code them into it.

[rfnobari]

Dear Atli , Thank you very mach that's very nice help for me

@Atli