como se puede hacer esto

[paul26]

Hola tengo que resolver un problema y no se como puedo hacer, el tema es asi necesito mostrar dos imagenes en una pagina de acuerdo a la resolucion de la pantalla, si es 1024 se tienen que mostrar dos imagenes y si es 800 * 600 otras dos imagenes diferentes, alguien me puede ayudar
gracias

[forosdelwebdr]

Iniciado por paul26

Hola tengo que resolver un problema y no se como puedo hacer, el tema es asi necesito mostrar dos imagenes en una pagina de acuerdo a la resolucion de la pantalla, si es 1024 se tienen que mostrar dos imagenes y si es 800 * 600 otras dos imagenes diferentes, alguien me puede ayudar
gracias

mmmm fijate si algo así funciona:

Código:

<script>
var preload = new Array();
// supone que estan en el mismo directorio q la pagina
var img = (screen.width >= 1024)  ?
  ['imagen1024.jpg','otraimagen1024.jpg'] :
  ['imagen800.jpg','otraimagen800.jpg'];
for (p in img) {
  preload[p]=new Image();
  preload[p].src=img[p];
  document.write("<img id=img"+p+" width="+.preload[p].width+" height="+preload[p].height+" alt=\"\" />");
  document.images["img"+p].src=preload[p];
}
</script>