[jQuery] Pętla pewnej funkcji

[jQuery] Pętla pewnej funkcji

robal94 Zobacz profil	31.05.2011, 11:32:02 Post #1
Grupa: Zarejestrowani Postów: 150 Pomógł: 2 Dołączył: 14.06.2009 Skąd: Czestochowa Ostrzeżenie: (0%)	Witam! Zaczynam zabawę z jQuery i mam pierwszy problem.. Napisałem stronę na której pojawia się obrazek i znika. lecz chciałbym aby tak robił na okrągło a nie tylko raz. Jak to można zrobić? Oto kod mojej stronki: [HTML] pobierz, plaintext <html> <head> <title>Formularz kontaktowy</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('<img src="1.jpg"\>') .insertBefore(".stopka") .fadeIn(6000,function() {$(this) .fadeOut(6000, function() { $(this).remove(); }); }); }); </script> </head> <body> <div id="stopka"> <p class="stopka"></p></div> </body> </html> [HTML] pobierz, plaintext Proszę o pomoc

kamil4u Zobacz profil	31.05.2011, 11:47:58 Post #2
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%)	Generalnie źle do tego podchodzisz. Jaki sens ma usuwanie niewidocznego już elementu. Lepiej po prostu go ukryć i odkryć - nie usuwać. Inaczej każesz przeglądarce wykonywać zbędne operacje - chyba, że jak pisałeś, zrobiłeś to specjalnie w ramach nauki. Poczytaj o setInterval w JS.

zegarek84 Zobacz profil	31.05.2011, 12:02:31 Post #3
Grupa: Zarejestrowani Postów: 1 332 Pomógł: 294 Dołączył: 12.10.2008 Skąd: Olkusz Ostrzeżenie: (0%)	przez zapętlenie ;] [HTML] pobierz, plaintext <html> <head> <title>Formularz kontaktowy</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { var $img = $('<img src="http://www.google.pl/intl/en_com/images/srpr/logo1w.png" />'), $stopka = $(".stopka"), fFirstStep = function(){ $img.fadeIn(6000,fSecondStep); }, fSecondStep = function(){ $img.fadeOut(6000,fFirstStep); }; $img.insertBefore($stopka); fFirstStep(); }); </script> </head> <body> <div id="stopka"> <p class="stopka"></p></div> </body> </html> [HTML] pobierz, plaintext Ten post edytował zegarek84 31.05.2011, 12:04:40

robal94 Zobacz profil	31.05.2011, 12:09:20 Post #4
Grupa: Zarejestrowani Postów: 150 Pomógł: 2 Dołączył: 14.06.2009 Skąd: Czestochowa Ostrzeżenie: (0%)	ogólnie robię małymi kroczkami coś takiego jak rotator obrazków... Robiłem to już w zwykłym js ale chciałbym dodać efekty jQuery. Dla tego chce usunąć obrazek i z powrotem go umieścić.

kamil4u Zobacz profil	31.05.2011, 12:28:23 Post #5
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%)	W takim przypadku lepiej zmieniać po prostu atrybut src w img, zamiast bawić się w tworzenie i usuwanie elementów. Rozwiązanie ~zegarek84 jest lepsze niż proponowane przeze mnie setInterval - z jQuery styczności mam tyle co na forum (IMG:style_emoticons/default/wink.gif) W zwykłym JS bez trudu da się uzyskać podobne efekty, co w jQuery(przynajmniej większość z nich) (IMG:style_emoticons/default/smile.gif)

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 23.08.2025 - 04:22

Hosting zapewnia