Buenos dias a todos,
en estos ùltimos dias me ha surgido un problemilla diseñando una web para un amigo.
El caso es que en la pàgina he usado un layer para cargar ahì las imàgenes asociadas a un evento onmouseover. Hasta ahì todo bien, sin embargo, el problema surge al visualizar la web con un navegador u otro.
Si uso Firefox la web se ve sin problemas, pero si utilizo Internet Explorer o Chrome dichos eventos onmouseover no responden.
Adjunto el còdigo javascript que es bastante sencillito y el còdigo css con el que creo el layer.
Cualquier ayuda/ sugerencia serà bienvenida, muchas gracias de antemano!
El còdigo es el siguiente:
Javascript
Código:
<script language="Javascript">
function fotos(arg)
{
if (arg==1) { document.getElementById('Layer14').innerHTML = '<img src="portfolio/0 escena_cebras.jpg"'; }
else if (arg==2) { document.getElementById('Layer14').innerHTML = '<img src="portfolio/1bano.jpg"'; }
else if (arg==3) { document.getElementById('Layer14').innerHTML = '<br/><br/><br/><img src="portfolio/2 BUENA RIGHT22.jpg"'; }
else if (arg==5) { document.getElementById('Layer14').innerHTML = '<img src="portfolio/4 escena_puma copia.jpg"'; }
else if (arg==4) { document.getElementById('Layer14').innerHTML = '<br/><br/><br/><img src="portfolio/5 vista fuera 2.jpg"'; }
else if (arg==6) { document.getElementById('Layer14').innerHTML = '<img src="portfolio/6 sofa mas toon.jpg"'; }
else if (arg==7) { document.getElementById('Layer14').innerHTML = '<img src="portfolio/3d_entrada.jpg"'; }
else if (arg==8) { document.getElementById('Layer14').innerHTML = '<img src="portfolio/8 s3.jpg"'; }
else if (arg==9) { document.getElementById('Layer14').innerHTML = '<br/><br/><br/><img src="portfolio/7 vmc2.jpg"'; }
else { document.getElementById('Layer14').innerHTML = ""; }
}
Código:
#Layer14 {
position:absolute;
width:720px;
height:472px;
z-index:13;
left: 468px;
top: 182px;
}
Posteriormente, invoco la funcion de la siguiente manera:
Código:
<div id="Layer10"><img src="images/Mini_9.png" onmouseover="fotos(9);" width="120" height="120" /></div>
<div id="Layer14"></div>
Como he dicho antes, muchas gracias de antemano por su tiempo y espero poder ayudarles yo en lo que sea.
Un saludo!
EDIT: Aquì tienen un pastebin para que puedan ver el source completo. http://pastebin.com/9BmP7Rqq