resolucion de pantalla

natashca · #1 (**permalink**) 15/06/2007, 10:19

ola ..tengo el siguiente codigo para que la pagina si esta a una resolucion baja se vea completa en la pantalla se adapte....

<script language="JavaScript">
function redireccionar()
{
var url640x480 = "http://www.ceat.cl/postulaciones/640x480";
var url800x600 = "http://www.ceat.cl/postulaciones/800x600";
var url1024x768 = "http://www.ceat.cl/postulaciones/1024x768";
var nWdt = screen.width;
var nHgh = screen.height;

if ((nWdt == 640) && (nHgh == 480))
{
window.location.href= url640x480;
}
else
if ((nWdt == 800) && (nHgh == 600))
{
window.location.href= url800x600;
}
else
if ((nWdt == 1024) && (nHgh == 768))
{
window.location.href= url1024x768;
}

else window.location.href= url640x480;
}
</script>

esto funciona ....pero mi pagina tiene una imagen como portada....quisiera que pasara lo mismo con la imagen para que se vea mejor.... como hago esto?

grasias por responder desde yap

natashca · #2 (**permalink**) 15/06/2007, 14:29

wenu..talves no me entendieron...solo kiero que la imagen tambien se vea efectada con las distintas resoluciones de pantalla....para que asi se vea bie nen todas las tipos de resoluciones

ojala me ayuden chao

Luis10 · #3 (**permalink**) 16/06/2007, 07:36

Modifica tb las propiedades height y width de tu imagen para cada resolucion

natashca · #4 (**permalink**) 18/06/2007, 12:13

ola grasias por responder luis probare y te cuento grasias..

natashca · #5 (**permalink**) 18/06/2007, 12:34

ola bueno....disculpa mi ignorancia pero coloque esta funcion para cambiar la imagen tb y no funciona ..mira este es el codigo que utilice

function abrir()
{
var alto = 0;
var ancho = 0;
var img = new Image;
img.src = "images/logoCeat1.jpg";
v = open(img.src,"","menubar=no, srcrollbars=no, width="+(img.width+20)+", height="+(img.height+20)+"");
v.moveTo(screen.width/2-img.width/2,screen.height/2-img.height/2);
}
//-->
</script>

y lugo lo cargo en el body con onload=abrir()>

como lo debo hacer??

grasias a todos por leer y ojala puedan ayudar

Shiryu_Libra · #6 (**permalink**) 18/06/2007, 13:35

para obtener el tamaño disponible tanto alto como ancho de la pantalla pudieras utilizar

Alto=window.screen.availHeight
Ancho=window.screen.availWidth

espero te sirva de referencia
suerte

natashca · #7 (**permalink**) 18/06/2007, 14:24

ola grasias por responder....disculpa mi ignorancia ....entiendo pero nose como hacerlo...cro una funcion o que? disculpa de verdad mi ignorancia per oestoy recien en esto.... si puedieras ayudarme mas te lo agradeceria..

chaus

Luis10 · #8 (**permalink**) 19/06/2007, 05:29

yo lo q te queria decir es q tu en un principio pon la imagen para la resolucion que quieras y q se vea bien, si en otra resolucion se t ve mal, creas una funcion q se ejecute onLoad() en la etiqueta body, q diga asi: si en caso de q la resolucion sea 800 x 600 (por ejemplo) modificas width y height de esa imagen poniendola para q se vea bien a esa resolucion.

Un saludo!

natashca · #9 (**permalink**) 19/06/2007, 08:00

ola grasias por responder luis bueno aora endendi mejor....are la funcion aver que tal...grasias desde yap....chaoo

natashca · #10 (**permalink**) 19/06/2007, 10:18

ola ....mmmm mira puse este codigo

<script language="JavaScript">
function CambiarImagen()
{
var nWdt = screen.width;
var nHgh = screen.height;

if ((nWdt == 640) && (nHgh == 480))
{
window.resizeTo();
}
else
if ((nWdt == 800) && (nHgh == 600))
{
window.resizeTo();
}
else
if ((nWdt == 1024) && (nHgh == 768))
{
window.resizeTo();
}

else window.resizeTo();
}
</script>

</head>

<body bgcolor="#7694c8" text="#000000" onload=showimage() onLoad="CambiarImagen()">

y sigue igual la imagen deberia alargarce de acuerdo ala resolucion...pero no se como....esta bem esto ,,,como deberia ser?

programeitor · #11 (**permalink**) 19/06/2007, 10:53

HOla...

rellena los parentesis con los valores.

Esa funcion parece estar bien---> pero te la puedes acortar. ,

function CambiarImagen()
{
var nWdt = screen.width;
var nHgh = screen.height;
window.resizeTo(nWdt,nHgh)
}

sea el que sea le metes el resizazo y ya esta.

No estoy muy seguro de si screen.width es "conocido" por todos los navegadores, pero me gustaria que asi fuera.

natashca · #12 (**permalink**) 19/06/2007, 11:08

ola programeitor grasias por responder....sip esta bien y ya la acorte...pero no funciona .....yo creo que es porque el onload ya la tengo ocupada con otra funcion....puede ser eso....no creo que sea por IE...

wenu ..grasias desde yap....aver si me respondes..

Shiryu_Libra · #13 (**permalink**) 19/06/2007, 12:35

puedes agregar funciones en el onload separados por ";"

ejemplo:
<body onload="funcion();otra();">
o puedes crear una sola funcion que mande llamar todas las demas

<body onload="cargar()">
donde cargar tenga las llamadas a tus funciones
<script>
function cargar()
{
funcion1();
funcion2();
}
</script>

suerte

natashca · #14 (**permalink**) 19/06/2007, 13:05

ola grasias por rresponder......emmm..claro era asip..grasias ....a todos los que me ayudaron...de verdad..........

grasais y ya esta solucionado este tema