En el body de la página creas dos div.
Por razones obvias, a uno le llamaremos flash y al otro jpg xD
Ejemplo:
Código:
<div contenedor>
<div id=flash></div>
<div id=jpg></div>
</div>
En el css:
Los dos van a tener exactamente las mismas propiedades (width, height, position etc etc). Pero, el div "jpg" tendrá un "display:none").
Por lo que se va a ver el "flash".
Para hacer que el flash no se vea en los terminales móviles y sí el jpg, en el css le agregamos estas líneas (al final del css):
Código:
@media only screen and (max-width: 1023px) {
#flash {display:none;}
#jpg { display:block;}
}
@media handheld, only screen and (max-width: 767px) {
#flash {display:none;}
#jpg { display:block;}
}