31/01/2011, 10:08
|
| | | Fecha de Ingreso: enero-2011
Mensajes: 2
Antigüedad: 13 años, 3 meses Puntos: 0 | |
| Respuesta: Cambiar Fondo segun Resolucion
Nemutagk Brother me fue de mucha ayuda tu codigo, gracias por tu tiempo y este trabajo.
<script language="javascript" type="text/javascript">
function array_search (needle, haystack, argStrict) {
var strict = !!argStrict;
var key = '';
for (key in haystack) {
if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
return key;
}
}
return false;
}
function changeBackground() {
//Creamos el array
var myBackgrounds = new Array(4);
/**
* Ahora agregamos las imagenes, pero ahora será de forma diferente,
* forzosamente el nombre de la imagen será el tamaño de esta, ejemplo:
* 1024.jgp
* 1280.jpg
* 1440.jpg
*
* También cambiara el nombre de la imagen por default si no existe una
* imagen para la resolución del usuario la cual será default.jpg
*
* Al final quedaria
* default.jpg
* 1024.jgp
* 1280.jpg
* 1440.jpg
*/
myBackgrounds[0] = 'default.jpg';
myBackgrounds[1] = '1024.jpg';
myBackgrounds[2] = '1280.jpg';
myBackgrounds[3] = '1440.jpg';
//Obtenemos el ancho de la ventana
var ancho = screen.width + '.jpg';
//Indicamos la carpeta donde se guardan las imagenes
var carpeta_imagenes = '.'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html
//Creamos la variable donde se guardará el nombre de la imagen a cargar
var imageBackground = '';
//Buscamos si existe una imagen para la resolución del usuario
var isHere = array_search(ancho,myBackgrounds);
//Verificamos si se encontro o no una imagen
if (typeof(isHere) != 'boolean') {
//Si se encontro obtenemos el nombre de la imagen
imageBackground = myBackgrounds[isHere];
}else {
//Si no se encontro cargamos la imagen por defecto
imageBackground = myBackgrounds[0];
}
//Cargamos la imagen al body...
document.body.style.backgroundImage= "url("+ carpeta_imagenes + '/' + imageBackground +")";
}
</script>
</head>
<body id="index" onload="javascript:changeBackground()"> |