Cita:
Iniciado por Lynxcraft 
... unas imágenes las cuales se ajustan al ancho de pantalla y recorta lo que sobra de alto ... en caso contrario se ve la imagen ajustada al ancho pero no al alto
Es lo mismo.
¡¿ALGUIEN EN ESTE FORO PUEDE EXPLICAR UNA COSA CLARAMENTE AL MENOS UNA VEZ EN LA HISTORIA?!
Supongo que si la pantalla es más ancha que alta, la imagen se ajusta al ancho y si quieren ver más abajo, que usen el escroll.
Y si tienen una pantalla vertical (tablet, teléfono, o escritorio rotada para documentos impresos) que se ajuste a lo alto, y si quieren ver a la derecha, que también usen el escroll.
Porque en tus ejemplos no es fondo, es imagen pura y dura.
Cita: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<script type="text/javascript">
var anchoPantalla, altoPantalla, anchoImagen, altoImagen, laImagen;
function mide(){
laImagen = document.getElementById("imagen");
anchoPantalla = window.outerWidth; //alert(anchoPantalla)
altoPantalla = window.outerHeight; //(altoPantalla)
anchoImagen = laImagen.offsetWidth; //alert(anchoImagen)
altoImagen = laImagen.offsetHeight; //alert(altoImagen)
if(anchoPantalla < altoPantalla) laImagen.style.height = altoPantalla + "px";
else laImagen.style.width = anchoPantalla + "px";
}
onload = mide;
</script>
</head>
<body>
<img src="http://midominio.es/new/files/img/galeria/8.jpg" id=imagen>
</body>
</html>
No recuerdo si el método que usé para medir los valores es cross-browser, pero con poner el que te falta ya tienes el escript.
¿Les parece que para semejante güevada hace falta cargar yeicuery?