Foros del Web » Creando para Internet » Diseño web »

mi rpopio efecto lightbox

Estas en el tema de mi rpopio efecto lightbox en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/11/2009, 01:40
 
Fecha de Ingreso: agosto-2008
Mensajes: 29
Antigüedad: 9 años, 3 meses
Puntos: 0
mi rpopio efecto lightbox

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
  #2 (permalink)  
Antiguo 20/11/2009, 06:15
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: mi rpopio efecto lightbox

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.
  #3 (permalink)  
Antiguo 20/11/2009, 07:46
 
Fecha de Ingreso: agosto-2008
Mensajes: 29
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: mi rpopio efecto lightbox

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?

Última edición por mikelatx; 20/11/2009 a las 07:52
  #4 (permalink)  
Antiguo 21/11/2009, 05:04
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: mi rpopio efecto lightbox

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.

  #5 (permalink)  
Antiguo 22/11/2009, 08:19
 
Fecha de Ingreso: agosto-2008
Mensajes: 29
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: mi rpopio efecto lightbox

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:05.