Problema con eventos

[benitocotito]

Hola:
Estoy programando una galería de imagenes que cuando pases por encima de una imagen, el resto reduzcan su opacidad.
Todo funciona, el problema es que cuando pasas el ratón por encima de varias, el efecto se acumula, y parece un árbol de navidad¡¡¡
Alguien podría ayudarme?

[Franz1628]

deberias usar sólo variables locales

[benitocotito]

Perdona Franz, pero no te entiendo.

El problema que tengo es que el resto de imagenes siguen lanzando el evento onmouseover, y este se acumula. Por eso después se sigue viendo el efecto por un buen rato.

A que te refieres con que tengo que utilizar variables locales?

[Franz1628]

mejor muéstrame tu código

[benitocotito]

<script language="javascript">
var i;

function apagar(imagen){
var im;
im = imagen;

for(i=1;i<=14;i++){
var s;
s = "ima" + i;
if(im != s) {

if(document.getElementById(s).src != null) {
$(document.getElementById(s)).fadeTo(200, 0.2);

}

}

}

}



function iluminar(imagen){
for(i=1;i<=14;i++){
var s;
s = "ima" + i;
$(document.getElementById(s)).fadeTo(200, 1);

}
}
</script>

El metodo apagar es invocado por el evento onmouseover de una imagen, todas las imagenes menos esa se apagan.
El metodo encender es invocado por el evento onmouseout de la imagen, y las que estaban apagadas se encienden.

Mi problema es que cuando paso el ratón rapido por todas, los eventos se acumulan, y hacen que todas las imagenes lleven a cabo el metodo al que invocan, por lo que la galería no para de parpadear hasta que termina todos los eventos.

Lo que quiero es controlar que cuando pasas por encima de varias imagenes, no se acumularán todos los eventos.

[benitocotito]

El efecto que quiero conseguir es este.

http://www.zara.com/webapp/wcs/stores/servlet/category/es/es/zara-I2011/153501/

[Franz1628]

La variable global que estas tomando es la variale i

mejor en los dos for que tienes usalo asi

Código Javascript:

for(var i=1;i<=14;i++)
 

[benitocotito]

Nono, pero ese no es el problema.

Aunque la variable sea global, en el propio bucle asigno su valor.

El efecto funciona perfecto, el problema es que el evento onmouseover se acumula cuando pasas por encima de varias imagenes y hace que se ejecuten todos despues del primero.

Es decir, si yo paso por encima de 5 imagenes, la primera hace el efecto, pero las demas se acumulan, por lo que tarda unos 5 segundos en hacerlos todos.

Lo que quiero es controlar que cuando pases por encima de cinco imagenes, no acumule el efecto, porque sino queda rarisimo.

En la pagina que te he pasado, si pasas por encima de las tres no las ejecuta por entero tres veces.