Ver Mensaje Individual
  #6 (permalink)  
Antiguo 02/01/2015, 06:03
JUMASOL
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 19 años
Puntos: 8
Respuesta: Centrar imagen más ancha que la resolución

Cita:
Iniciado por Sarlit Ver Mensaje
¿Porque no lo haces con CSS? En términos de carga es mucho mejor.

Sabiendo cuanto mide la imagen aún sin saber cuánto mide el contenedor se puede centrar fácilmente, simplemente colócala en el centro y dale un margin-left negativo igual a la mitad del ancho de la imagen.
Sí, esa solución ya la conocía, pero ¿y la responsividad? la imagen también tiene que variar su altura. Supongo que con media queries, sustituyendo la imagen a medida que el dispositivo cambie.

¿O hay otra forma de hacerlo de forma relativa sin añadir la medida de la imagen?

Yo creo que no se puede. Para que la imagen sea responsiva y centrada en su centro con independencia del tamaño del monitor hay que usar javascript. El problema es si se puede hacer con un código simple sin cargar librerías JQuery que son pesadas y entran en conflicto con las propias del slider.

Última edición por JUMASOL; 02/01/2015 a las 06:19