Hola tengo un problemita.
Partiendo de un codigo que encontre por el foro(creo que es tuyo caricatos) y de la informacion de Dalvenjha e sacado esto:
Código PHP:
<style>
div {display: none;}
span {cursor: pointer;}
#roja {
background-color: red;
width:400px;
height:200px;
color:#fff;
display:none;
}
#verde {
background-color: green;
width:400px;
height:200px;
color:#fff;
display:none;
}
#azul {background-color: blue;
width:400px;
height:200px;
color:#fff;
display:none;}
</style>
<script>
var color = 0;
var suma = 10;
var capas = ["roja", "verde", "azul"];
function mostrar(capa){
for (i = 0, total = capas.length; i < total; i ++)
var obj = document.getElementById(capas[i]);
obj.style.display = (capas[i] == capa) ? "block":"none"
color += suma;
if (!(color>=110)){
obj.style.filter = 'alpha(opacity='+color+')';
obj.style.opacity = color /100;
obj.style.MozOpacity = color /100;
obj.style.KHTMLOpacity = color /100;
window.setTimeout ("mostrar();", 100);
}}
</script>
Mostramos capa:
<span onclick="mostrar('roja')">roja</span>
<span onclick="mostrar('verde')">verde</span>
<span onclick="mostrar('azul')">azul</span>
<div id="roja">roja</div>
<div id="verde">verde</div>
<div id="azul">azul</div>
Basicamente como se ve no tengo ni IDEA de JS ^^u, intente adaptarlos como pude,pero funciona mal,me explico.
Pulse donde pulse SIEMPRE me carga el layer azul, y cuando le doy a otro tras darle clik a uno,no me carga nada,se queda totalmente en blanco.
Solucion?... muchas gracias y disculpad las molestias.