Foros del Web » Programando para Internet » Javascript »

Div con varias imágenes, según resolución

Estas en el tema de Div con varias imágenes, según resolución en el foro de Javascript en Foros del Web. Hola buenas, no se muy bien si lo que quiero hacer es lo ideal o no debería intentar hacerlo de esta forma, pero la idea ...
  #1 (permalink)  
Antiguo 08/11/2010, 08:11
 
Fecha de Ingreso: abril-2008
Mensajes: 43
Antigüedad: 16 años, 1 mes
Puntos: 3
Pregunta Div con varias imágenes, según resolución

Hola buenas, no se muy bien si lo que quiero hacer es lo ideal o no debería intentar hacerlo de esta forma, pero la idea de lo que quiero hacer es la siguiente:

Tengo un div alargado que ocupa un "80%" de "width", entonces, dentro de ese div hay una serie de imágenes, una al lado de la otra, todas con el mismo tamaño, 300x300 píxeles. La cosa está en que si por ejemplo, muestro 4 imágenes y abro la página con un netbook o un ordenador con una pantalla pequeña, pues las imágenes saltan a la siguiente línea, y no interesa. En cambio, si lo hago con un monitor normal panorámico, pues se ven solo 4 imágenes en el centro de la pantalla, cuando hay espacio suficiente para que se vean 10 por ejemplo.

Pongo un par de imágenes para explicar mejor a que me refiero:






Lo que me gustaría es, si en el div hay espacio para mostrar 10 imágenes, pues que se carguen 10, en caso de que solo haya espacio para 3 o 4, pues que solo se muestren 3 o 4... A malas, pues que se carguen las 10 y aparezca algún tipo de scroll o algo así... No se que se suele hacer en estos casos.

¿Alguna idea?

Saludos y muchas gracias.
  #2 (permalink)  
Antiguo 08/11/2010, 16:23
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Div con varias imágenes, según resolución

Hola:

No entiendo el problema... las imágenes son elementos inline, o sea que se acomodan solas en la línea que están...

... por cierto, no sé qué tiene que ver con AJAX la pregunta

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 08/11/2010, 16:58
 
Fecha de Ingreso: abril-2008
Mensajes: 43
Antigüedad: 16 años, 1 mes
Puntos: 3
Respuesta: Div con varias imágenes, según resolución

Hola buenas, quizá no me he explicado bien.

La idea es que se carguen más o menos elementos según el tamaño de la línea, si hay espacio para 5 imágenes de 300 píxels de ancho, pues que cargue tan solo 5 y si hay espacio para 15, pues entonces que cargue 15, una al lado de la otra, pero que no salte a la siguiente línea y siga cargando más.

Pero no se si eso es posible.

Un saludo.
  #4 (permalink)  
Antiguo 08/11/2010, 17:07
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Div con varias imágenes, según resolución

Hola:

Podrías consultar propiedades como offsetWidth o clientWidth y luego una simple división entera...

Por cierto, como sigo sin comprender porqué estamos en Ajax, voy a mover el tema...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 08/11/2010, 17:07
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Tema movido desde AJAX
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 08/11/2010, 17:11
 
Fecha de Ingreso: abril-2008
Mensajes: 43
Antigüedad: 16 años, 1 mes
Puntos: 3
Respuesta: Div con varias imágenes, según resolución

Vale, le echaré una ojeada, no tenía muy claro si iba en javascript o en ajax, siento la metedura de pata.

Muchas gracias.

Etiquetas: resolución
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:13.