Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/12/2009, 02:29
chemajf
 
Fecha de Ingreso: julio-2008
Mensajes: 39
Antigüedad: 16 años, 7 meses
Puntos: 0
Pregunta Los eventos se heredan??

Hola, tengo un problema que no entiendo, a ver:

Tengo la siguiente estructura HTML:
Código HTML:
<div class="miniaturas" onmouseover="detieneMuestra();" onmouseout="muestraCampanas();">
	<a href="#" class="no_selected">
		<img id="img1" class="imagen_min" src="" title="" alt="" />
	</a>
	<a href="#" class="no_selected" >
		<img id="img2" class="imagen_min" src="" title="" alt="" />
	</a>
</div> 
Estas dos imagenes las voy canbiando periodica mente utilizando JavaScript de la siguiente manera:
Código Javascript:
Ver original
  1. //Variables globales
  2. var timerID = null;
  3. var paradaTotal = false;
  4. var cont = 0;
  5. var tiempo = 1000;
  6.  
  7. // Esta función se dispara con un onload en el body
  8. //y comienza la tarea periódica que cada "tiempo"
  9. // realiza la función siguiente() que es la que realiza
  10. //el cambio de imágenes (img1 y img2).
  11. function muestraCampanas() {
  12.     if(!paradaTotal){
  13.         siguiente();
  14.         timerID = setTimeout('muestraCampanas()', tiempo);
  15.     }
  16. }
  17.  
  18. //Esta función detiene esa tarea cuando nos colocamos con el ratón encima del DVI.
  19. function detieneMuestra() {
  20.         clearTimeout(timerID);
  21. }

Esto, tal como está, funciona, el problema es que cuando paso de una imagen a otra, sin salir del DIV class="miniaturas", se ejecuta el onmouseout="muestraCampanas(); que está en el DIV, o sea, que es como si los <a> o las <img> heredaran los onmouseover y los onmouseout del DIV.

¿Como puedo impedir esto?

Gracias.