Buenas, veran... me dedico ultimamente al diseño de paginas web responsivas, me comentaron que existe una libreria que hace lo siguiente.
supongamos que tenemos :
<body>
<div class="cosa"></div>
</body>
esa clase lleva una imagen y obviamente cargaria.
Existe la forma de que en la resolucion de pc apareciera ese elemento y por ejemplo en una resoluicion tipo movil desapareciera el codigo quedando asi ?:
<body>
</body>
es decir,cargarse esa clase sin que carge.
p.d: no puedo hacer ni duplicado de html ni css,ya que es responsivo.
Alguien conoce algo ?
Puedes eliminarla al momento de cargar o usar javascript para detectar si es un móvil y evitar que se cargue. Pero tal y como lo cuentas no es posible porque el navegador no sabe de que elemento le estas hablando hasta que lo cargue en el DOM.
Saludos
Hay una alternativa pero me es imposible usar,ya que la web es en java...
si fuera en php le metia un parseador,le kitaba los elementos por ejemplo todos los <span class="cosa"> eliminarlos y luego cargar la pagina.
Mi idea es que si la web tiene 10 imagenes .jpg que pesan 1 mb cada una, que me las eliminase desde codigo.
ya que si desde css le meto un display none,me lo carga por detras
Man, porqué en los media queries para el móvil no pones algo como:
.cosa {
display:none!important;
}
Y listo!
Pues como no los parsees con java o lo que te dije de javascript ... no veo otra opción.
CitarMan, porqué en los media queries para el móvil no pones algo como:
Por mucho que le ocultes con CSS el elemento se cargara igualmente...
Saludos
Lo sé, lo sé...
Pero eso se lo propuse porque el hombre parece que no quiere mostrar esa sección del html, y lo del display funciona bien, pero claro, sigue allí en el código.
que tal si haces lo contrario, solo si es pc, un script en js la crea y carga?