Hola, estoy desarrollando una web, en la que cree unas funciones para llamar a unos iframes dentro del mismo archivo. El sitio funciona bien en todos los navegadores, excepto en FF, ya que no me reconoce los eventos onmouse over, onmouseclick.
La web es http://karimetion.icebreezestudios.com/productos.html, la funciones están aplicadas sobre las imágenes de "azulejos" "pisos" en los que debería aparecer un slider con los productos, pero en FF no sirve.
Mi código es:
<script>
function azulejos() { document.getElementById('id_capa1').style.display = 'block'; }
function esconder1(){ document.getElementById('id_capa1').style.display = 'none';document.getElementById('id_capa5').style.d isplay = 'none';document.getElementById('id_capa2').style.d isplay = 'none';document.getElementById('id_capa3').style.d isplay = 'none';document.getElementById('id_capa4').style.d isplay = 'none'; }
</script>
<script>
function esconder2(){ document.getElementById('id_capa1').style.display = 'none';document.getElementById('id_capa5').style.d isplay = 'none';document.getElementById('id_capa2').style.d isplay = 'none';document.getElementById('id_capa3').style.d isplay = 'none';document.getElementById('id_capa4').style.d isplay = 'none'; }
function esconder3(){ document.getElementById('id_capa1').style.display = 'none';document.getElementById('id_capa5').style.d isplay = 'none';document.getElementById('id_capa2').style.d isplay = 'none';document.getElementById('id_capa3').style.d isplay = 'none';document.getElementById('id_capa4').style.d isplay = 'none'; }
function esconder4(){ document.getElementById('id_capa1').style.display = 'none';document.getElementById('id_capa5').style.d isplay = 'none';document.getElementById('id_capa2').style.d isplay = 'none';document.getElementById('id_capa3').style.d isplay = 'none';document.getElementById('id_capa4').style.d isplay = 'none'; }
function esconder5(){ document.getElementById('id_capa1').style.display = 'none';document.getElementById('id_capa5').style.d isplay = 'none';document.getElementById('id_capa2').style.d isplay = 'none';document.getElementById('id_capa3').style.d isplay = 'none';document.getElementById('id_capa4').style.d isplay = 'none'; }
</script>
<script>
function pisos() { document.getElementById('id_capa2').style.display = ''; }
function pisos1(){ document.getElementById('id_capa2').style.display = 'none'; }
</script>
<script>
function cocinas() { document.getElementById('id_capa3').style.display = ''; }
</script>
<script>
function banos() { document.getElementById('id_capa4').style.display = ''; }
</script>
<script>
function muebles() { document.getElementById('id_capa5').style.display = ''; }
</script>
</head>
<body>
<div align="wrapper">
<div id="document">
<div id="website">
<div id="header">
<!--Botón cojín-->
<div class="social">
<a href="https://www.facebook.com/DisenoCortes" onmouseover="image1.src='images/explota.png';"
onmouseout="image1.src='images/cojin.png';">
<img name="image1" src="images/cojin.png" border=0></a>
</div>
<!--Menú-->
<a href="index.html" class="active" ><span style"font-size:30px;">HOME</span></a><a href="#contact" target="_blank" >CONTACTO</a><a href="http://www.candiceolsonkitchensandbaths.com/" target="_blank">ENGLISH</a><a href="#contact" class="page-nav">ESPAÑOL</a>
</div><!--Menú-->
<!--Contenido-->
<img src="images/logo.png" class="logo2">
<img src="images/productos2.png" class="pro">
<a href="#" onclick="azulejos()" onmousedown="esconder1()"><img src="images/azulejos.png" class="azu" ></a>
<a href="#" onclick="muebles()" onmousedown="esconder2()" ><img src="images/muebles.png" class="mob"></a>
<a href="#"onclick="banos()" onmousedown="esconder3()" ><img src="images/banos.png" class="ba" ></a>
<a href="#" onclick="cocinas()" onmousedown="esconder4()"><img src="images/cocinas.png" class="cocinas" ></a>
<a href="#"onclick="pisos()" onmousedown="esconder5()"><img src="images/pisos.png" class="pisos" ></a>