login  Naam:   Wachtwoord: 
Registreer je!
 Forum

jQuery clear queue (Opgelost)

Offline koosax - 17/05/2011 09:52
Avatar van koosaxLid Hoi,

Ik zit met een klein probleempje met mijn jQueryscript. Ik heb een mouseover function en een mouseout function. Wanneer de muis over het logo gaat fade deze uit, wanneer de muis niet meer over het logo gaat fade deze weer in. Het probleem is nu dat wanneer je 10x achterelkaar heel snel over het logo gaat dat deze dan de animatie 10x afspeelt.

java code - Bekijk de code zonder highlighting - Klap code in 
  1. $('.logo').mouseover(function() {
  2.   $('.logo').fadeOut(1000);
  3. });	
  4.  
  5. $('.logo').mouseout(function() {
  6.   $('.logo').fadeIn(1000);
  7. });


Ik heb al van alles geprobeerd met stops enzo maar niks werkt. Hopelijk weet iemand hier het wel 

2 antwoorden

Gesponsorde links
Offline pinquin - 17/05/2011 10:10 (laatste wijziging 17/05/2011 10:20)
Avatar van pinquin HTML interesse Hoi koosax,

Dat probleem ben ik ook een keer tegen gekomen. Dit werkte voor mij:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $('.logo').mouseover(function() {
  2.    if( $(this).css('opacity') == 1 )
  3.       $(this).fadeOut(1000);
  4. }).mouseout(function() {
  5.    $(this).fadeIn(1000);
  6. });


Wel even testen natuurlijk (heb het zelf snel getest en werkt bij mij goed).
Het gaat er om dat de opacity van het element 1 is op het moment dat je mouseover gaat. Als dit niet zo is, is de animatie nog bezig en mag deze dus niet nog een keer uitgevoerd worden.
Het gaat er om dat je checkt of de opacity van het element dat je on mouseover de opacity 1 heeft. Update naar beter nederlands

gr,
Offline koosax - 17/05/2011 11:14
Avatar van koosax Lid
pinquin schreef:
Hoi koosax,

Dat probleem ben ik ook een keer tegen gekomen. Dit werkte voor mij:

[..code..]

Wel even testen natuurlijk (heb het zelf snel getest en werkt bij mij goed).
Het gaat er om dat de opacity van het element 1 is op het moment dat je mouseover gaat. Als dit niet zo is, is de animatie nog bezig en mag deze dus niet nog een keer uitgevoerd worden.
Het gaat er om dat je checkt of de opacity van het element dat je on mouseover de opacity 1 heeft. Update naar beter nederlands

gr,


Dankjewel, dit was voor mij inderdaad de oplossing!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s