Tables and Arrays, Thumbnails

[n_wattam]

Hi,

I'm getting a little stuck with a tast i am trying to do.

What i have is an array with a list of image file names, and i want to display them as thumb nails in a table.

The problem i am getting is deviding the thumbnails across lines ones the colums are taken.

Eg.

if i was to have a 4 x 4 table grid, and in my array i have 5 images, i want to fill each grid box with an image until there is none left.

	$counter = 0;

for ($i = 1;  $i < (count($images) +1) / 4; $i++) {
	$counter++;
	echo "  <tr>";

	for ($a = 1;  $a < 4 + 1; $a++) {
		echo "
		   <td width='100' height='120'>
			   <div><img src='{$images[$counter]}'></div>
			   <div align='center'><input name='textfield' type='text' class='text_qty' value='1'>&nbsp;<input type='submit' class='btn_buy' value='BUY'></div>
		   </td>
		";
	}
	echo "  </tr>";

}

this is as far as i got, but its just not working and think i am going about it all wrong.

[alimadzi]

One problem I see right away is that you're using the $counter variable to retrieve the image file name from an array within your inner for() loop, but the counter is only incremented in the outer for() loop. So I'm guessing that you see each image four times?

[roscor]

try this method which I came up with(untested)

for($item=0;$item<count($images);$item++){
if($counter != 0 and $counter % 4 == 0)
  {
    echo "</tr>\n<tr>";
  }
  $counter++;


	echo "<td width='100' height='120'><div>". $images[$item] . "</div><div align='center'><input name='textfield' type='text' class='text_qty' value='1'>&nbsp;<input type='submit' class='btn_buy' value='BUY'></div></td>";
	}
	}
echo "<tr><td height='7'></td></tr>";	
echo "</tr>\n</table>\n"; 
?>

As i said I use a similar set up. It should display your images on rows of 4 until exhausted(no more).

Good luck