Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][jQuery]natychmiastowe przerwanie funkcji po danej czynnosci
followc
post
Post #1





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 30.12.2013
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


  1. function zmiana_fot(a){
  2. $(a).find('.ph_first').first().delay(1000).fadeOut(2000);
  3. $(a).find('.ph_second').first().delay(1000).fadeIn(2000, function(){
  4. $(a).find('.ph_second').first().delay(1000).fadeOut(2000);
  5. $(a).find('.ph_third').first().delay(1000).fadeIn(2000, function(){
  6. $(a).find('.ph_third').first().delay(1000).fadeOut(2000);
  7. $(a).find('.ph_fourth').first().delay(1000).fadeIn(2000, function(){
  8. $(a).find('.ph_fourth').first().delay(1000).fadeOut(2000);
  9. $(a).find('.ph_first').first().delay(1000).fadeIn(2000);
  10. });
  11. });
  12. });
  13. }


  1. $('#photos div').hover(function(){
  2.  
  3. zmiana_fot($(this));
  4.  
  5. },function(){
  6. });



taka oto funkcja zmieniająca zdjęcie, włącza się po najechaniu myszką na dane zdjęcie. Chciałbym, żeby po wyjechaniu poza obszar zdjęcia funkcja natychmiastowo się skończyła i wyświetlany był pierwszy z obrazków. W jaki sposób odnieść sie do funkcji zmiana_fot(), zeby po wyjechaniu za obszar skończyła sie od razu?
Go to the top of the page
+Quote Post
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


To raczej powinieneś wewnątrz samej funkcji coś takiego zrobić, sprawdzanie czy jest hover czy nie ma.

I tam wtedy sobie wywołać return false jak nie ma, żeby przerwać.
Go to the top of the page
+Quote Post
followc
post
Post #3





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 30.12.2013
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


tak, ale wtedy każde fadeIn/Out, które zaczęło się i jeszcze nie skończyło przed wyjechaniem myszką wykonuje swoje działanie do końca... a chodzi mi o to, żeby w dowolnym momencie skończenia hoverowania skończyła sie funkcja i wszystko wrócilo do stanu początkowego.
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


http://api.jquery.com/stop/ ?

Chyba tak powinno zadziałać:
[JAVASCRIPT] pobierz, plaintext
  1. $(a).find('.ph_first').first().stop().delay(1000).fadeOut(2000);
[JAVASCRIPT] pobierz, plaintext


Ten post edytował Damonsson 29.05.2014, 16:21:38
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 18.09.2025 - 19:49