Número de imagenes en pantalla según resolución

[MindPaniC]

Hola a todos,

Estoy creando mi web personal usando diseño responsivo, me estoy basando en un theme de wordpress que me gusta mucho, en el se muestran una serie de imagenes que al encoger la pantalla van ajustandose en número. No se si se trata de un media query CSS que consigue eso o de javascript, esa es mi duda, ¿Cómo esta realizado?

Esta es la web: http://pixel-industry.com/wordpress/moderna/

Si os fijais salen 4 imagenes debajo de donde pone Latest Projects, probar a reducir el tamaño de la ventana y comprobar lo que pasa. Yo busco algo similar.

Gracias y saludos a todos.

[laura_moreno14]

Se hace con media queries.

Le pones al div de cada imagen un ancho de 25%, así te saldrán 4 imágenes dentro del contenedor. Después con la media query en la resolución que te parezca le cambias a esos divs el ancho a 33% para que salgan 3 y después a 50% para que salgan dos...

Espero que te sirva!!

[pzin]

Según veo es un slider que se adapta según la pantalla.

Pero no sé si tu pregunta será más acerca del extraño efecto, como de redimensionado que hace al cambiar de tamaño. Si es ese el caso, puedes usar transition mismamente y aplicarlo a los elementos que necesites. Como sus propiedades cambian al redimensionar, las propiedades que hayas especificado en transition-property harán la transición.
No sé si lo harán así o no, pero con CSS es la forma más fácil de conseguir algo así.

[MindPaniC]

Muchas gracias a los dos,

laura_moreno14, el problema es que al hacer eso las imagenes no desaparecen sino que se van pasando hacia abajo, con lo cual no se consigue el mismo efecto.

Bonez, desconozco las propiedades de transition me lo puedes explicar?? gracias.

Saludos