Foros del Web » Creando para Internet » CSS »

Galería Imágenes Responsive

Estas en el tema de Galería Imágenes Responsive en el foro de CSS en Foros del Web. Hola a todos, Vengo a preguntaros es si sabéis algún tutorial bien explicado de como puedo hacer una galería Responsive pero que lo único que ...
  #1 (permalink)  
Antiguo 26/02/2014, 17:59
Avatar de danideu  
Fecha de Ingreso: febrero-2005
Ubicación: Barcelona
Mensajes: 213
Antigüedad: 19 años, 2 meses
Puntos: 5
Galería Imágenes Responsive

Hola a todos,

Vengo a preguntaros es si sabéis algún tutorial bien explicado de como puedo hacer una galería Responsive pero que lo único que haga es si cambio el tamaño de la ventana cada uno de los thumbnails se haga mas chico o mas grande hasta un mínimo y un máximo de anchura y altura.

Lo que tengo ahora lo unico que me hace es que si lo pongo estrecho, en lugar de que se vean las filas con 4 imagenes, se me van poniendo menos imagenes por fila, pero yo no quiero eso. Lo que quiero es que siempre se muestren todas, aunque sean más chicas, siempre que no sobrepase los límites máximos y mínimos (max-width ...)

Gracias.
  #2 (permalink)  
Antiguo 27/02/2014, 01:44
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Galería Imágenes Responsive

No te hace ni tan siquiera algo responsivo.

Si quieres por ejemplo cuatro imágenes por fila, le pones a cada imagen un pequeño contenedor que mida una cuarta parte del total, un 25%. Luego dentro ya pones la imagen, que ocupe todo el ancho de ese contenedor y especificas un ancho máximo.

Luego tal vez tengas que cambiar el comportamiento en dispositivos con la pantalla muy pequeña. Ahí seguramente si que te haría falta algunas media-queries.

Etiquetas: responsive
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:48.