Foros del Web » Creando para Internet » CSS »

Cambiar una imagen grande por otra

Estas en el tema de Cambiar una imagen grande por otra en el foro de CSS en Foros del Web. Hola. Me gustaría saber como puedo cambiar una imagen por otra con Media Querys. Saludos...
  #1 (permalink)  
Antiguo 26/08/2016, 03:03
 
Fecha de Ingreso: marzo-2015
Mensajes: 33
Antigüedad: 9 años, 7 meses
Puntos: 0
Pregunta Cambiar una imagen grande por otra

Hola.

Me gustaría saber como puedo cambiar una imagen por otra con Media Querys.

Saludos
  #2 (permalink)  
Antiguo 26/08/2016, 10:32
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Cambiar una imagen grande por otra

Con media queries no puedes cambiar una imagen, si te refieres a <img src="x.jpg">, Lo que tendrías que hacer es ponerla de fondo con background-image: url('x.jpg');.
  #3 (permalink)  
Antiguo 26/08/2016, 11:30
 
Fecha de Ingreso: marzo-2015
Mensajes: 33
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Cambiar una imagen grande por otra

y alguna forma sencialla con Js???
  #4 (permalink)  
Antiguo 26/08/2016, 14:49
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Cambiar una imagen grande por otra

Es sencillo. Pero el código será más o menos extenso dependiendo del grado de compatibilidad que quieras
https://developer.mozilla.org/es/doc...dow/matchMedia
polyfill
https://github.com/paulirish/matchMe.../matchMedia.js
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #5 (permalink)  
Antiguo 26/08/2016, 16:14
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Cambiar una imagen grande por otra

biechevarria, ¿cual es el problema de usar CSS? ¿No es lo que necesitas?

Se me hace que no leíste completo:
Cita:
Lo que tendrías que hacer es ponerla de fondo con background-image: url('x.jpg');.
  #6 (permalink)  
Antiguo 26/08/2016, 18:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Cambiar una imagen grande por otra

Puedes usar srcset.

Solamente no funciona en IE (http://caniuse.com/#search=srcset) pero dado que nadie usa IE en el móvil, pues casi que da lo mismo.
__________________
(:
  #7 (permalink)  
Antiguo 29/08/2016, 03:49
 
Fecha de Ingreso: marzo-2015
Mensajes: 33
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Cambiar una imagen grande por otra

Muchas gracias a todos, probaré con lo que me habeis dicho.
Pero para que quede algo mas claro. No es una imagen estática lo que pretendo cambiar. Es una serie de slideshow que quiero cambiar por otros adaptados a la resolucion de los móviles.
  #8 (permalink)  
Antiguo 29/08/2016, 11:28
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Cambiar una imagen grande por otra

Entonces probablemente necesites detectar el dispositivo en el servidor con algo como esto: http://mobiledetect.net/

P.D. Ese tipo de aclaraciones es útil comentarlas desde el inicio

Etiquetas: imagenes, media, querys
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 17:08.