Agrandar páginas HTML
HOla.. Mi inquietud es la siguiente:--- Deseo saber si hay algún script para poder agrandar la resolución de mi página, de acuerdo a la resolución del monitor del visitante.. Es para no tener que crear varios sites, para varios tipos de resoluciones, o si no recomiéndame algún tipo de resolución standard...
Gracias.."
Gracias.."
1 respuesta
Respuesta
1
Lo de 'agreandar la resolución' creo que es sólo posible si utilizas una página para cada tipo de resolución (también tienes la posibilidad de utilizar tablas con %, pero no te lo recomientdo) Mi recomendación, aparte de utilizar un script que te mire la resolución del navegador, por si te hace falta en casos puntuales:
<HTML><HEAD>
<SCRIPT LANGUAGE="JavaScript"><!--
function checkSize() {
alert('Your browser does not support the image object - sorry');
window.location.href = 'index.htm';
}
//--></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1"><!--
function checkSize() {
var imageWidth = document.images['testImage'].width;
var imageHeight = document.images['testImage'].height;
if ( (imageWidth > 1152) || (imageHeight > 864) )
alert('Screen Width=1280 Screen Height=1024');
else if ( (imageWidth > 1024) || (imageHeight > 768) )
alert('Screen Width=1152 Screen Height=864');
else if ( (imageWidth > 800) || (imageHeight > 600) )
alert('Screen Width=1024 Screen Height=768');
else if ( (imageWidth > 640) || (imageHeight > 480) )
alert('Screen Width=800 Screen Hight=600');
else alert('Screen Width=640 Screen Height=480');
window.location.href = 'index.htm';
}
//--></SCRIPT>
</HEAD>
<BODY onLoad="checkSize()">
<IMG SRC="../images/image.jpg" NAME="testImage" WIDTH="100%" HEIGHT="100%" BORDER=1>
</BODY></HTML>
Pero yo suelo trabajar con páginas que funcionen bien en 800x600, que es, por ahora el estándar que te piden para visualizar. Trabajar en una resolución mayor te puede causar que algunas páginas sean molestas de ver para algunos usuario con monitores pequeños o de poca resolución.
<HTML><HEAD>
<SCRIPT LANGUAGE="JavaScript"><!--
function checkSize() {
alert('Your browser does not support the image object - sorry');
window.location.href = 'index.htm';
}
//--></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1"><!--
function checkSize() {
var imageWidth = document.images['testImage'].width;
var imageHeight = document.images['testImage'].height;
if ( (imageWidth > 1152) || (imageHeight > 864) )
alert('Screen Width=1280 Screen Height=1024');
else if ( (imageWidth > 1024) || (imageHeight > 768) )
alert('Screen Width=1152 Screen Height=864');
else if ( (imageWidth > 800) || (imageHeight > 600) )
alert('Screen Width=1024 Screen Height=768');
else if ( (imageWidth > 640) || (imageHeight > 480) )
alert('Screen Width=800 Screen Hight=600');
else alert('Screen Width=640 Screen Height=480');
window.location.href = 'index.htm';
}
//--></SCRIPT>
</HEAD>
<BODY onLoad="checkSize()">
<IMG SRC="../images/image.jpg" NAME="testImage" WIDTH="100%" HEIGHT="100%" BORDER=1>
</BODY></HTML>
Pero yo suelo trabajar con páginas que funcionen bien en 800x600, que es, por ahora el estándar que te piden para visualizar. Trabajar en una resolución mayor te puede causar que algunas páginas sean molestas de ver para algunos usuario con monitores pequeños o de poca resolución.
Esta muy bueno lo del script... de veras muchísimas gracias, ahora lo implementaré... pero me gustaría que me explicarás en castellano un poquillo el scripts, es que no manejo muy bien javascript..
Si no puedes, de todas formas.. mil gracias...!
Si no puedes, de todas formas.. mil gracias...!