Imagen segun resolucion

[ARJSystem]

Hola people !!

A ver me gustaria saber si alguien me puede orientar de como hacer que en funcion de la resolucion del monitor se me cargue un ancho de cabecera y otro.

La página la tengo optimizada para 1024x768 y al cargar la imagen se ve perfectamente, el problema viene cuand la resolicion es menor, entonces la imagen se me queda pequeña y me gustaria saber como puedo hacer para evitar esto.

Lo que habia pensado es en funcion de la resolucion del monitor de la persona que visita la pagina se carga una imagen u otra (tengo varias hechas).

A ver que me pueden decir

Gracias a tod@s

[GatorV]

Tema trasladado a HTML.

[JavierB]

Hola ARJSystem

Un ejemplo con JavaScript:

Código:

<script type="text/javascript">
var ancho = screen.width;
if (ancho == 1024) im = 'imagengrande.jpg';
else im = 'imagenpeque.jpg';
document.write('<img src="' + im + '" />');
</script>

Saludos,

[Omura]

Como tienes el código para mostrar la imagen de la cabecera, imagino con algún porcentaje en una tabla o algo similar, por eso de que con una resolución menor se ve pequeña.

El codigo de JavierB es una buena idea aunque tendrías que modificarlo un poquito, digo si alguien tiene resolución 1024x768 se vería bien porque jalaría la imagen grande, si tiene un resolución menor en teoría también se vería bien porque jalaría una imagen mas pequeña, pero si tiene una resolución mayor, digamos 1280x1024 o superior, algo que es mas o menos común estos días, se vería mal porque igual jalaría la imagen pequeña.

[ARJSystem]

Fantastico chicos muchas gracias por la información probaré y ya os comentaré el resultado.

Saludos.