Foros del Web » Creando para Internet » HTML »

Imágenes en diseño responsive

Estas en el tema de Imágenes en diseño responsive en el foro de HTML en Foros del Web. Hola buenas, quería preguntaros por la solución cuando se trata de ocultar imágenes para ciertos dispositivos pero no queremos que se carguen para que no ...
  #1 (permalink)  
Antiguo 08/01/2015, 04:02
 
Fecha de Ingreso: enero-2015
Mensajes: 1
Antigüedad: 6 años, 10 meses
Puntos: 0
Pregunta Imágenes en diseño responsive

Hola buenas, quería preguntaros por la solución cuando se trata de ocultar imágenes para ciertos dispositivos pero no queremos que se carguen para que no pese la página y su descarga sea más rápida. Es decir, que no sea un simple display:none (esto haría que las imágenes se cargasen de todos modos). ¿hay alguna solución efectiva?
Gracias de antemano
  #2 (permalink)  
Antiguo 08/01/2015, 05:03
 
Fecha de Ingreso: diciembre-2014
Mensajes: 111
Antigüedad: 6 años, 11 meses
Puntos: 9
Respuesta: Imágenes en diseño responsive

Que alguien me corrija si me equivoco, pero creo que eso puedes hacerlo simplemente cargando las imagenes como background de un elemento html en vez de usando el tipico "src=" dentro del elemento <img>

Los elementos los seguirá generando aunque sea con display:none, pero las imagines si que puedes ahorrártelas así.
  #3 (permalink)  
Antiguo 08/01/2015, 08:51
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.027
Antigüedad: 18 años, 8 meses
Puntos: 1826
Respuesta: Imágenes en diseño responsive

Bienvenido.

O usas http://www.w3.org/TR/css3-mediaqueries/ que para eso son, o una detección del lado del servidor del dispositivo. https://www.google.com.mx/search?q=s...EI2UyQSYr4K4CQ

Etiquetas: css, diseño, html+javascript, 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 15:10.