20/08/2014, 07:53
|
| | | Fecha de Ingreso: agosto-2014 Ubicación: Málaga
Mensajes: 9
Antigüedad: 9 años, 8 meses Puntos: 1 | |
| Respuesta: Mover divs con css3
Muy buenas. La forma que se me ocurre a mi para realizar este slider responsive es hacer ambos contenedores flotantes, es mas realize uno asi para un cliente no hace mucho.
El contenedor con las miniaturas lo pondria con float left y el contenedor de las imagenes ampliadas lo pondria con float right. A la hora de realizar la responsive el contenedor de las miniaturas deberia de quedar encima ya que si lo visualizas desde un dispositivo mas pequeño la gente si no desliza hacia abajo no veria estas miniaturas, verian solo la ampliada.
Por medio de media queries debes de ponerle a ambos contenedores un width de 100% para que se adapte al ancho de la pantalla del dispositivo y un float none, para cancelar el float que le dimos al principio. Tambien le puedes dar un margin-bottom al contenedor de las miniaturas para que no se quede pegado al de las ampliadas en la responsive.
Un saludo y espero haberte ayudado. |