Site sur spip avec JqueryQueryQuery qui bafouille

Bonjour à tous,

Je realise un site sous spip pour des amis qui ouvrent des chambres d’hotes.

Ma question ne porte pas vraiment sur spip mais plutot à un soucis de Jquery dans mon site spip :slight_smile:

Vous pouvez regardez à cette page :
http://manoir-de-la-gavouyere.fr/spip.php?rubrique1

en survolant l’image de présentation d’une chambre je fais disparaitre ou reparaitre le details de la chambre en fadding.
C’est l’effet que je souhaite faire de facon à ne voir que la photo de la chambre.

MAIS !!!

Si je joue à la tremblotte et que je passe rapidement 10 fois sur l’image, alors j’ai un jeu de fadding inintérompu qui se produit.
Comment puis je faire pour stopper ce va et vient de fadding et qu’il ne garde en memoire qu’un seul MouseOn, MouseOut ?

Merci aux bonnes ames :slight_smile:

aRTHEGONe

PS : je suis ouvert a toute solution

tres sympa …

avec FF3.6

je joue à la tremblote … puis cela fini par s’arreter tout me parait ok

Le 3 mai 2010 15:35, arthegone arthegone <arthegone@gmail.com> a écrit :

Bonjour à tous,

Je realise un site sous spip pour des amis qui ouvrent des chambres d’hotes.

Ma question ne porte pas vraiment sur spip mais plutot à un soucis de Jquery dans mon site spip :slight_smile:

Vous pouvez regardez à cette page :
http://manoir-de-la-gavouyere.fr/spip.php?rubrique1

en survolant l’image de présentation d’une chambre je fais disparaitre ou reparaitre le details de la chambre en fadding.
C’est l’effet que je souhaite faire de facon à ne voir que la photo de la chambre.

MAIS !!!

Si je joue à la tremblotte et que je passe rapidement 10 fois sur l’image, alors j’ai un jeu de fadding inintérompu qui se produit.
Comment puis je faire pour stopper ce va et vient de fadding et qu’il ne garde en memoire qu’un seul MouseOn, MouseOut ?

Merci aux bonnes ames :slight_smile:

aRTHEGONe

PS : je suis ouvert a toute solution


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc


La question bien posée donne la bonne réponse …

Lao Tseu … ou un autre (sais plu … même moi je le pense !

Bonjour Eric,

Effectivement lors d’un effet de tremblotte en survol
cela finit par s’arreter au bout de 2s mais c’est surprenant quand meme :slight_smile:

Et je ne voit pas comment l’on peut eviter cette « mise en attente » des fadding…

pour le moment je seche sévère :smiley:

Le 3 mai 2010 15:43, Eric Boutigny <e.boutigny@gmail.com> a écrit :

tres sympa …

avec FF3.6

je joue à la tremblote … puis cela fini par s’arreter tout me parait ok

Le 3 mai 2010 15:35, arthegone arthegone <arthegone@gmail.com> a écrit :

Bonjour à tous,

Je realise un site sous spip pour des amis qui ouvrent des chambres d’hotes.

Ma question ne porte pas vraiment sur spip mais plutot à un soucis de Jquery dans mon site spip :slight_smile:

Vous pouvez regardez à cette page :
http://manoir-de-la-gavouyere.fr/spip.php?rubrique1

en survolant l’image de présentation d’une chambre je fais disparaitre ou reparaitre le details de la chambre en fadding.
C’est l’effet que je souhaite faire de facon à ne voir que la photo de la chambre.

MAIS !!!

Si je joue à la tremblotte et que je passe rapidement 10 fois sur l’image, alors j’ai un jeu de fadding inintérompu qui se produit.
Comment puis je faire pour stopper ce va et vient de fadding et qu’il ne garde en memoire qu’un seul MouseOn, MouseOut ?

Merci aux bonnes ames :slight_smile:

aRTHEGONe

PS : je suis ouvert a toute solution


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc


La question bien posée donne la bonne réponse …

Lao Tseu … ou un autre (sais plu … même moi je le pense !

Il faut inhiber les fonctions de fading pendant un délai raisonnable à partir du moment où l’une d’entre elles est en cours.
Pour ce faire :

  • définir une variable « globale » (juste avant le jQuery().ready(function(){ ) pour indiquer si le fading est autorisé ; par exemple var fading_allowed=true;
  • dans chaque handler d’évènement (mouseover et mouseout) :
    • inhiber tout le contenu de la fonction si le fading n’est pas autorisé
    • ajouter l’interdiction du fading dès qu’il a été lancé
    • ajouter une temporisation pour lever l’interdiction
      Ca devrait donner quelque chose comme ceci :

$(« .boxRight_elementLogo »).mouseover(function () {
if(fading_allowed) {
$(this).next(« .boxRight_elementInfo »).fadeOut(« slow »);
fading_allowed=false;
setTimeout(‹ fading_allowed=true; ›,<délai en ms>);
}
});

Après, il faut régler le délai pour trouver le bon compromis : assez long pour supprimer le tremblotement, assez court pour ne pas faire trop attendre l’utilisateur entre « in » et « out » et vice-versa.

From: Eric Boutigny
Sent: Monday, May 03, 2010 3:43 PM
To: arthegone arthegone
Cc: spip@rezo.net
Subject: Re: [Spip] Site sur spip avec JqueryQueryQuery qui bafouille

tres sympa …

avec FF3.6

je joue à la tremblote … puis cela fini par s’arreter tout me parait ok

Le 3 mai 2010 15:35, arthegone arthegone <arthegone@gmail.com> a écrit :

Bonjour à tous,

Je realise un site sous spip pour des amis qui ouvrent des chambres d’hotes.

Ma question ne porte pas vraiment sur spip mais plutot à un soucis de Jquery dans mon site spip :slight_smile:

Vous pouvez regardez à cette page :
http://manoir-de-la-gavouyere.fr/spip.php?rubrique1

en survolant l’image de présentation d’une chambre je fais disparaitre ou reparaitre le details de la chambre en fadding.
C’est l’effet que je souhaite faire de facon à ne voir que la photo de la chambre.

MAIS !!!

Si je joue à la tremblotte et que je passe rapidement 10 fois sur l’image, alors j’ai un jeu de fadding inintérompu qui se produit.
Comment puis je faire pour stopper ce va et vient de fadding et qu’il ne garde en memoire qu’un seul MouseOn, MouseOut ?

Merci aux bonnes ames :slight_smile:

aRTHEGONe

PS : je suis ouvert a toute solution


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc


La question bien posée donne la bonne réponse …

Lao Tseu … ou un autre (sais plu … même moi je le pense !



liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Fred Orange <cfreed@orange.fr> wrote:

Il faut inhiber les fonctions de fading pendant un délai raisonnable à
partir du moment où l'une d'entre elles est en cours.

Je vais peut-être dire une bêtise, mais est-ce que le petit plugin
hoverIntent ne serait pas adapté pour ce type de situation ?

<http://cherne.net/brian/resources/jquery.hoverIntent.html&gt;

--
  Stéphane Nahmani
  sholby@free.fr