Foros del Web » Diseño web » Diseño web »

Cambio de opacidad de color de fondo dinámico.

Estas en el tema de Cambio de opacidad de color de fondo dinámico. en el foro de Diseño web en Foros del Web. Voy a ser breve: Quiero dividir en sectores mi web, y que al clickear cada una de las opciones cambie la opacidad del color de ...
  #1 (permalink)  
Antiguo 26/07/2012, 21:04
 
Fecha de Ingreso: marzo-2012
Ubicación: La Plata - Buenos Aires.
Mensajes: 2
Antigüedad: 2 años, 7 meses
Puntos: 0
Cambio de opacidad de color de fondo dinámico.

Voy a ser breve: Quiero dividir en sectores mi web, y que al clickear cada una de las opciones cambie la opacidad del color de fondo sin recargar la web.. se entiende? Seguramente tengo que trabajar con frames y css, y una función que modifique los parametros de ese css para que el efecto ocurra.. pero esto lo digo como borrador pero no tengo idea de como encararlo.. podrían ayudarme?

Les dejo una serie de 3 imágenes para que entiendan un poco mejor:

Esta sería la web principal:


Al clickear en 1 tendría que pasar lo siguiente:


Al clickear el 2 tendría que pasar lo siguiente:


Todo esto sin recargar la página (a su vez cada sector cargaría un contenido que en la parte superior es un texto y en la inferior son 4 imágenes que llaman c/u a un lightbox).
  #2 (permalink)  
Antiguo 26/07/2012, 21:52
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.592
Antigüedad: 5 años, 4 meses
Puntos: 634
Respuesta: Cambio de opacidad de color de fondo dinámico.

Pues ambas cosas se pueden hacer con javascript y/o AJAX.

si no eres muy ducho en esto usa JQuery :)
__________________
Egdominal
  #3 (permalink)  
Antiguo 02/08/2012, 05:56
Avatar de dontexplain  
Fecha de Ingreso: junio-2012
Mensajes: 536
Antigüedad: 2 años, 4 meses
Puntos: 126
Respuesta: Cambio de opacidad de color de fondo dinámico.

En una búsqueda de 2 segundos en google con "opacidad capa css" sale que la propiedad a modificar es opacity.

Ahora si buscas un poco más sabrás que se puede cambiar una propiedad css con

elemento.style.propiedad = valor;

o en jQuery con

$(elemento).css(arraycss);

No es que sea especialmente difícil, pero es que queréis que os lo den todo hecho. :=)
__________________
21añero.
HTML/CSS, PHP, JS/jQuery, Mysql; NodeJS/Socket.io (& V8); C++ ; Python (wxpy); Ensamblador.
Músico (clarinetista/pianista) y compositor

Etiquetas: css, frames, html, jquery, opacidad
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 00:17.
SEO by vBSEO 3.3.2