Onmouseover en IMG

omanitator · #1 (**permalink**) 22/05/2009, 12:14

Buenas !!!

Cuando pego el siguiento codigo:

<script language="javascript">
window.onload = function()
{
var lis = document.getElementsByTagName("img");

for (var i=0;i<lis.length;i++) {
lis[i].onmouseover = function()
{
cambia_imagen(this);
};
}
};

</script>

toda imagen que tenga en la web, me la cambia por otra al apoyar el raton PEROOOO solo si usas IE.

Con Mozilla o Crhome no lo hace y quiero saber como puedo solucionarlo. Es decir, esta misma funcion o muy parecida que me añada en todas las imagenes de forma automatica Onmouseover pero que funcione con cualquier navegador.

Gracias de antemano!

buzu · #2 (**permalink**) 22/05/2009, 12:59

tienes que poner la función cambia_imagen para que podamos ver el código. de otra manera no sabemos que puede andar mal.

Saludos.

omanitator · #3 (**permalink**) 22/05/2009, 13:27

He suprimido la funcion Cambia_imagen y el codigo lo he dejado asi:

<script language="javascript">
window.onload = function()
{
var lis = document.getElementsByTagName("img");

for (var i=0;i<lis.length;i++) {
lis[i].onmouseover = function()
{
this.src='archivos/11.gif';
};
}
};
</script>

Y con IE cambia la imagen perfectamente y con el resto de navegadores NO

buzu · #4 (**permalink**) 22/05/2009, 13:36

intenta cambiando this.src por lis[i].src aun que no estoy seguro que ese sea el problema.

omanitator · #5 (**permalink**) 22/05/2009, 13:41

Nada.

Ocurre lo mismo. Con IE funciona pero con el resto no.

¿Alguna Solucion PLEASE....?

buzu · #6 (**permalink**) 22/05/2009, 14:00

El error está en otro lado, acabo de probar el código tal como lo tienes y no me ha dado problema alguno:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>\</title>
    <script language="javascript">
window.onload = function()
{
var lis = document.getElementsByTagName("img");
 
for (var i=0;i<lis.length;i++) {
lis[i].onmouseover = function()
{
this.src='http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_pos.gif';
};
}
};
</script>
</head>
<body>
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
<img src="http://static.forosdelweb.com/fdwtheme/images/reputation/reputation_off.gif" alt="" /><br />
</body>
</html>

Probado en Firefox

omanitator · #7 (**permalink**) 22/05/2009, 15:36

Perfect! Muchas Gracias Buzu.

No se donde estaba el error, porque lo he comparado integramente con el tuyo y es identico pero copie el tuyo y funciona.

Gracias!

buzu · #8 (**permalink**) 22/05/2009, 16:21

probalemente tu cache te estava jugando una broma jajaja