Ayuda con codigo resolucion

matubea · #1 (**permalink**) 29/11/2010, 09:33

Buenas gente, soy nuevo por aqui, y tambien soy nuevo en diseño web, estoy trabajando en un sitio, y como a todos les debe pasar (siendo newbies), se vuelven locos con la resolucion y que la web se ajuste al monitor del cliente. El tema es el siguiente, por el momento solo quiero redimensionar una imagen que estoy usando como fondo. Les agrego el codigo con el que estoy trabajando y que todavia no me da resultado a ver si me pueden ayudar.

codigo ubicado en head

Código:

<SCRIPT LANGUAGE="JavaScript"> 


	function sizeout1280(){
		if (document.images) {
    		document.images.pre.width=1280;
    		document.images.pre.height=1024;
  			}
		else {
  		pre = document.getElementById("pre");
  		pre.width = 1280;
  		pre.height = 1024;
		}
	}

en el body....

Código:

<script language="JavaScript">
	 
		if (screen.width==1280 && screen.height==1024)
					sizeout1280() 
		
	   

</script> 

<img src="img/pre.jpg"  id= "pre" title= "En Construccion" />

Agradeceria su ayuda

matubea · #2 (**permalink**) 05/01/2011, 06:28

Logre solucionar este inconveniente, con este codigo logramos que java nos redireccionen dependiendo de la resolucion del cliente, eso quiere decir que habria que diseñar la cantidad de sitios como resoluciones queramos, es medio complejo de esta manera pero quiza a alguien que esta aprendiendo como yo, le sirve, jeje, saludos y va el codigo.

Código:

<head>
  
 <script language="JavaScript">
 /* Creamos una funcion con la cantidad de variables dependiendo de las distintas resoluciones creadas y una que captura el ancho de la pantalla del cliente y luego utiliza la funcion*/
   function redireccionar() {
    	var url800 = "800/index.html";
    	var url1024 = "1024/index.html";
    	var url1280 = "1280/index.html";
		var url1920 = "1920/index.html";
    	var nWdt = screen.width;
    		if (nWdt == 800)  window.location.href= url800;
    		else if (nWdt == 1024) window.location.href= url1024;
    		else if (nWdt == 1280) window.location.href= url1280;
			else if (nWdt == 1920) window.location.href= url1920;
    		else window.location.href= url1920;
   		}
  </script> 


</head>
//ACA UTILIZAMOS LA FUNCION
<body onLoad="redireccionar()">



</body>
</html>