Cambio de opacidad de color de fondo dinámico.

[adrianandin0]

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).

[memoadian]

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

si no eres muy ducho en esto usa JQuery :)

[dontexplain]

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. :=)