Cita: Perdona sobre la ultima opción que has comentado, yo en un principio lo estaba tratando de cargar y mostrar la imagen todo desde un servlet.
Yo te recomendaría que hagas dos servlets. El primero retorna la pagina en si, sin haber cargado las imágenes, pero estableciendo el atributo
src de cada etiqueta
img. El segundo retornaria las imagenes correspondientes a cada url establecida en los atributos
src que estableció el primero.
Ejemplo:
El primer servlet retorna:
Código HTML:
Ver original ...
...
<img src="/imagenes/5.png"> ...
<img src="/imagenes/6.png"> ...
<img src="/imagenes/32.png">
...
El segundo retornaria las imagenes correspondientes a las url:
- /imagenes/5.png
- /imagenes/6.png
- /imagenes/32.png
En caso de que la imagen sea grande, debería corres lo demás campos y no superponerse, a menos que la imagen tenga el atributo CSS
float establecido.
Con respecto a el tamaño, te recomiendo que lo controles mediante CSS:
Ejemplo (Lo mejor es separar el código CSS en un archivo aparte):
Código HTML:
Ver original<img src="url de la imagen" style="height:30px; width:30px; max-width:30px; max-height:30px;">