Cambio de imagen segun resolucion.

[tomuer01]

Hola...

Alguien me puede ayudar con este tema?

En una pagina tengo una cabecera en la cual tengo una imagen y necesito que se ajuste o que cambie segun la resolucion de la pantalla del usuario. He intentado trabajando la imagen con css pero no lo he podido conseguir.

Si alguien tiene una idea se lo agradesco...

[perryjr]

Usa screen.width y screen.height para obtener la anchura y altura respectivamente de la pantalla. Luego por regla de tres ajustas la anchura y altura de la imagen en funcion de eso.

[tomuer01]

Encontre este script que coloco entre cada <td>....</td> de mi tabla pero no funciona bien...

Código Javascript:

<script type="text/JavaScript">
var width = screen.width;
document.write("<img src='rutadelaimagen/banner-" + width + ".jpg' />");
</script>
 

[tomuer01]

Ya logre hacerlo con este de este modo...

Código Javascript:

<script>
    var width = screen.width;
if(screen.width == 1024 ) 
{  
document.write("<img src='img/topbar-" + width + ".jpg' />")
} 
if(screen.width == 1280 )
{
document.write("<img src='img/topbar-" + width + ".jpg' />")
}  
if(screen.width > 1280 )
{
document.write("<img src='img/topbar-otros.jpg' />")
} 
</script>
 

Otra cosa...

Alguien sabe como ajustar un iframe al alto de la resolucion de la pantalla??

[perryjr]

Debes notar que un usuario no tiene porque tener la ventana maximizada, con lo cual, por muy grande que tu coloques el <iframe>, sigue dentro de la ventana del navegador y no va a ocupar toda la pantalla. Hay dos opciones:

* Pasar de esto, y poner el <iframe> que ocupe toda la VENTANA del navegador, que puede o no ocupar toda la PANTALLA: <iframe width="100%" height="100%"></iframe>

* Abrir una nueva ventana Javascript con window.open(...) que ocupe toda la pantalla y luego usar el código de arriba. Con esto tienes el peligro de que los bloqueadores de pop-ups te reconozcan y te bloqueen la ventana; pero es otra opción.