[SOLUCIONADO] Insertar imágenes en tabla HTML

[es_whitetiger]

Buenas noches, quiero insertar más de 500 imágenes en una tabla en HTML para que queden una debajo de otra, pero hacerlo una a una me parece interminable...existe alguna manera o "automatismo" para facilitar la tarea??. Gracias por vuestra atención y tiempo. Adjunto ejemplo de estructura de la tabla (en cada cela va una imagen...)

Código HTML:

<table width="800" border="0" cellspacing="1">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
 

[pzin]

Bienvenido al foro, aunque lleves más de dos años por aquí.

Pues lo ideal sería trabajar con algún lenguaje de lado servidor, leer el directorio de las fotos y generar el HTML de forma automática. Lenguajes de lado servidor es cualquier lenguaje de programación, Python, Ruby, ASP, PHP, etc.

[es_whitetiger]

Gracias pzin!, dispongo de espacio compartido de 1and1...sirve?

[pzin]

No sé. Cada hosting tiene es diferente, y además tienen siempre varios paquetes. Aunque lo normal y habitual es que dispongan de PHP. Ya tendrás que preguntar a 1&1 o mirar lo que has contratado.

[Amiancht]

Si lo que quieres es una página estatica, existen programas que automaticamente les pasas las imagenes y te crean una galeria de imagenes en html. E incluso si quieres te crean miniaturas.

Aqui tienes uno:
http://visuallightbox.com/es/index.html

Este te hace una galeria con efecto y demás de JQuery.

En principio te devuelven codigo HTML que puedes editar con cualquier editor.

Existen más, la que te he pasado VisualLightBox, habría que mirar la licencia, porque es de pago y la licencia es bastante limitada.


En cuanto a lo que pretendes hacer, de poner una encima de otra me parece una tonteria usar una tabla. Para eso simlemente vas poniendo las imagenes dentro de un div de esta forma:

Código HTML:

<div id="imagenes">
     <img src="imagen1.png" alt="lo que quieras">
     <img src="imagen2.png" alt="lo que quieras">
     <img src="imagen3.png" alt="lo que quieras">
     <img src="imagen4.png" alt="lo que quieras">
....
</div>
 

Y luego en el CSS pones esto:

Código CSS:

div#imagenes img{
   display: block;
}
 

Y quedan todas una encima de otra.

A no ser que quieras hacer una tabla con dos columnas, una para la imagen y otra para la descripción de la misma, en tal caso si tendría sentido una tabla.

[es_whitetiger]

Muchísimas gracias!!! el Visuallight es perfecto....una vez más no tengo palabras para agradecerles el interés y la ayuda.

Un Saludo!