Hello Jessica:
Otra vez más, lo mejor es el CSS. Pero vamos a ver las dos formas.
BUCLES FOR ANIDADOS
Supongo que sabrás de HTML, la idea es dibujar una tabla con PHP y en cada celda situar una imagen, sería algo así.
Código PHP:
<?php
//Crear tabla de 3 columnas y 20 filas
for ($i; $i<2; $i++)
{
echo "<tr>";
for ($i; $i<19; $i++)
{
echo "<td>";
/*
Contenido de la celda: Imágenes
*/
echo "</td>";
}
echo "</tr>";
}
?>
Para modificar el nombre de la imagen (1.png, 2.png, 3.png, 4.png ...) podrías utilizar una función que guarde el valor de la anterior iteración, para sumarle uno y cambiar de foto.
Pero a mi esto me parece liarse.
Además tendrías que comprobar a cada imagen que existe o no, para seguir con el bucle o romperlo.
LO MEJOR: PHP + CSS
Funciona, sigue siendo crossbrowser, y me parece una solución mucho más elegante. El código hace lo que tiene que hacer, no diseña ni maqueta.
La idea es hacer un bucle que construya la siguiente lista:
Código HTML:
<ul id="galeria">
<li><a src="1.jpg"></li>
<li><a src="2.jpg"></li>
</ul>
podría ser algo así:
Código PHP:
<?php
echo "<ul>\n";
for ($i; $i<60; $i++)
{
echo "<li>";
echo "<img src=\"".$i.".jpg \">";
echo "</li>";
}
echo "</ul>\n";
?>
y con CSS:
Código:
#galería {
width: 100%;
}
#galeria li{
display: block;
float: left;
width: 33%;
}
/*Todo esto suponiendo margins, paddings y borders = 0;*/
Y eso es todo amiga :D