mi rpopio efecto lightbox

[mikelatx]

Hoal, estoi intentando aprender alñgo de JS, y he visto el efecto ligthbox.mola pero cuando intento descifrarlo me pierdo. por lo cual estoi intentando hacer algo parecido.
Necesito ayuda, el proyecto lo planteo haso, si hayque correguir se corrige.

1._ un div llamdo "fondo" con un z-index:1000 width:0 height:0 y position absolute top:0.....
1.- una funcion que le cambie los valores al div mediante algo como:
document.getElementById('fondo').className="aparec er";
donde el class aparecer otorga los siguientes valores:

position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1000;
opacity:0.4;
filter:alpha(opacity=40);

ok esto funciona. mi duda como hago para que el efecto sea prograsibo?

haber si entre tos aprendemos algo...

Mikel

[maycolalvarez]

vas bien, puedes cambiar dinámicamente un atributo css desde javascript:

document.getElementById('objeto').style.display="";

en el objeto style consiges todos los css, encontraras algunos con camelCase debido a los guiones como z-index será en el objeto zIndex.

suerte!, es mejor que busques en internet las propiedades del objeto Style, el DOM y javascript.

[mikelatx]

gracias, el tema del cambiar los atributos con gelelement... lo tenia, el problema es que no se como hacerlo para que sea progresibo, algo como un timeout() me puede valer igual?
Por otro lado igual el elemento show () del jquery me sirbe solo que tendria que primero hacerle un hide() y luego antes de ejecutar el scritp darle los valores de widht y height?

[jomaruro]

Hola:

Con esa escritura y esa ortografía ¿Pretendes hacer páginas web?

Date una vuelta por aquí (aunque solo sea de vez en cuando).

Saludos.

[mikelatx]

Perdona, reconoszco que escribo vastante mal, pero las prisas me pueden. Por otro lado no se que tiene que ver eso con lo de programar paginas. ( suguramente le pondre mas atencion.). Y para acabar, si que sirba de escusa por mi mala gramatica, mi lengua materna es el euskera en el cual tengo mas practica escribiendo.
Canbiando de tema, creo haber logrado hacerlo, esta es la idea:

tengo dos funciones :

Código:

function open(ida,lag){
var ida2=ida;
var lang=lag;
document.getElementById('beltza').className="bildu2";
$("#beltza").fadeTo("slow",0.5);

})
};

donde el class:bildu2 otorga los valores widht:100% y height:100% al div del fondo #beltza. la otra funcion :

Código:

function close(ida,lag){
var ida2=ida;
var lang=lag;
document.get$("#beltza").fadeTo("slow",0);
ElementById('beltza').className="bildu";

};

volvemos a la posicion de partida despues de reducirlo a opacity :0

Mikel