03/02/2003, 06:05
|
 | Moderador extraterrestre | | Fecha de Ingreso: diciembre-2001 Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 23 años, 1 mes Puntos: 61 | |
| Mira, se me ocurre uno muy sencillo:
<html>
<head>
<script>
//En tamanoMaximoPantalla pones la resolución máxima para la que hay imagen. Las resoluciones mayores tomarán esa imagen
//como referencia.
//En rutaDeLasImagenes pones la ruta donde están todas las imagenes. Si no hay una única ruta déjalo en blanco (rutaDeLasImagenes="").
//El formato del nombre de las imagenes debe ser del tipo de flores800.jpg (para resoluciones de 800x600) o flores1024.jpg
//(para resoluciones de (1024x768) etc.
//En cada etiqueta IMG debes poner el src="" y onerror="mostrar('flores','jpg',this)". flores aquí es un ejemplo, debes cambiarlo por el nombre de la imagen común a todas las resoluciones
// según el patrón que te he puesto(en este caso flores).
//Es importante que esté entre comillas simples. Lo mismo con la extensión, donde deberás poner la de la imagen (jpg,gif...) entre comillas simples.
//Y el this del final debes dejarlo como está.
//Estas lineas que empiezan por "//" las puedes quitar.
var tamanoMaximoPantalla=1024;
var rutaDeLasImagenes="http://www.sitio.com/imagenes";
ancho=screen.width;
if (ancho>tamanoMaximoPantalla)ancho=tamanoMaximoPant alla;
function mostrar(imagen,extension,sitio){
var nombre=rutaDeLasImagenes+"/"+imagen+ancho+"."+extension;
sitio.src=nombre;
}
</script>
</head>
<body>
<img src="" onerror="mostrar('flores','jpg',this)">
</body>
</html>
Si tienes cualquier duda por favor hazmelo saber!
__________________ Cómo escribir
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
Última edición por KarlanKas; 03/02/2003 a las 06:09 |