cambiar un valor del css desde javascript

[klamptax]

necesito que esta capa:

Código:

#item1{
	background:url(../images/inicio.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;		
	border:0;
	width:1600px;
	height:1000px;
	}

cambie sus valores en funcion de la resolucion que tenga el monitor en el cual se esta ejecutando, pensé esta línea de código pero no funciona como quisiera que funcionase, alguna idea?


$('#item1').width(screen.width);


seguramente ahí me falte cualquier comilla que no tengo puesta, agradecería la ayuda ^^

[jackson666]

Código PHP:

  var width=screen.width;
var height=screen.height;

var itm=document.getElementById("item1");

itm.style.width=width+"px";
itm.style.height=height+"px"; 
   

[klamptax]

el codigo que has posteado no funciona, yo pienso que porque tengo la web "dividida"

es decir, tengo el html central,y el .js y el .css enlazados a este .html

esto influye en el funcionamiento del código que posteaste?


la cosa es que pongo un alert para ver lo que muestra, y si me muestra la resolucion del monitor + el px que le he añadido, help me! XD

[danico90]

prueba esto:

Código:

$("#item1").css('width',screen.width+'px');

[klamptax]

el mismo resultado que con el código de jackson666

almaceno el resultado de esa linea en una variable para mostrarlo con el alert, y perfectamente, pero a la hora de modificar el valor del #item1.width no lo hace, alguna otra solucion?

[danico90]

coloca el codigo que usas

[jackson666]

Yo lo acabo de probar en mi pc, y anda bien el codigo q te pase

[klamptax]

siempre se dijo que si no pudes con el enemigo, únete a el, yo lo que he hecho ha sido buscarme otra alternativa para resolver el "problema", pero buen aún así me gustaría depurar los errores y erratas de código resultante, os pongo al día:

en index.css:

[QUOTE][HIGHLIGHT="#item1 { background-image:url(../images/inicio.jpg); background-repeat:no-repeat; background-position:center; background-position:top; [/QUOTE]

en index.js:

$(document).ready(function() {

var speed = 800;

$('#links a').click(function () {
goto($(this).attr('rel'));
});

$('#mask-gallery').scrollTo('#gallery li:eq(0)', 0);

});

en index.html:

<ul id="gallery">
<li id="item1"><div id="item11" align="center"><div id="contenido" align="center"><img src="images/logo.png" alt="" /></div></div></li>
</ul>

simplemente el objetivo es hacer que cambie el valor del width de la lista de item1, si lo cambio a mano en el index.css hace la funcion que quiero que haga, y desde .js no lo hace, un saludo