Forum Clubic

Problème effet au survol avec mootools (sous Firefox en tout cas)

Salut à tous,

Je suis en train de travailler sur la refonte de la page des partenaires d’un site et j’ai utilisé Mootools pour donner un petit effet qui va bien sur les différents logos des partenaires.

L’effet est le bon, mais le souci est qu’il devrait se déclencher dès le premier survol du logo et qu’il ne le fait qu’à partir du second survol… On doit passer une fois la souris sur le logo, la retirer et repasser une nouvelle fois que l’effet s’active, pas top pour l’internaute!

Auriez-vous une idée de la cause de ce problème? Car là je cale… :confused:

Ma page de test

Merci d’avance à ceux qui prendront le temps de me répondre! :jap:

EDIT: je viens de tester sur IE et ca fonctionne dès le premier survol, le problème est présent sur Firefox (3.6.3 en tout cas)
Edité le 19/04/2010 à 17:37

Utilises-tu la dernière version de Motools ?

En cherchant j’ai trouvé ça :

www.mcherifi.org…
ajaxian.com…

Intéressant en effet, mais je viens de passer en 1.2.4 et pas de changement :confused:

C’est peut-être plus au niveau de mon script et de la façon dont j’appelle les fonctions mootools? Enfin je ne sais pas :confused:

Mon script js, dans le doute:


function _menularge(id){
 $(id).addEvents({
  'mouseenter': function(){
  this.morph({'height':'130px'});
  }
 });
}
function _menubasic(id){								 
 $(id).addEvents({
  'mouseleave': function(){
  this.morph({'height':'70px'});
  }
 });
 $(id).removeEvent('mouseleave');
}
function zoom_logo(id){
 $(id).addEvents({
  'mouseenter': function(){
  this.morph({'width':'115px','height':'115px'});
  }
 });
}
function dezoom_logo(id){								 
 $(id).addEvents({
  'mouseleave': function(){
  this.morph({'width':'70px','height':'70px'});
  }
 });
 $(id).removeEvent('mouseleave');
}

Up?