Ajustar imagen "automaticamente"
Quiero insertar una imagen de un tamaño determinado al inicio de mi página web. Y lo que quiero exactamente es que esta imagen se adapte automáticamente a la resolución del usuario, que la puedan ver completa tanto el que tiene configurado a 800x600 como el de 640x480. Me han dicho que con java o con un scrit se puede hacer. Tengo conocimientos de Dreamweaver y html pero no acabo de dar con la solución, pues no tengo ni idea de Java, J++ ni scrits ni ná parecido.
1 Respuesta
Respuesta de bankhacker
1
Para ajustar una imagen al tamaño de la pantalla del navegador puedes usar una rutina JavaScript que en primer lugar averigüe el width y el height de la pantalla. Una vez averiguados se excribe con JavaScript el código HTML correspondiente a la colocación de la imagen forzando el width y el height a los valores obtenidos.
En http://www.webreference.com/dhtml/diner/bgresize/bgresize2.html encontrarás un script que hace esto mismo:
function makeIm() {
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<DIV ID=elBGim"
+ " STYLE='position:absolute;left:0;top:0;z-index:-1'>"
+ "<IMG NAME='imBG' BORDER=0 SRC=" + imSRC;
if (scaleWidth) imStr += " WIDTH=" + winWid;
if (scaleHeight) imStr += " HEIGHT=" + winHgt;
imStr += "></DIV>";
document.write(imStr);
}
En http://www.webreference.com/dhtml/diner/bgresize/bgresize2.html encontrarás un script que hace esto mismo:
function makeIm() {
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<DIV ID=elBGim"
+ " STYLE='position:absolute;left:0;top:0;z-index:-1'>"
+ "<IMG NAME='imBG' BORDER=0 SRC=" + imSRC;
if (scaleWidth) imStr += " WIDTH=" + winWid;
if (scaleHeight) imStr += " HEIGHT=" + winHgt;
imStr += "></DIV>";
document.write(imStr);
}
