Forum PHP.pl > [jQuery] Pętla pewnej funkcji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Pętla pewnej funkcji

Forum PHP.pl > Forum > Po stronie przeglądarki

robal94

31.05.2011, 11:32:02

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

31.05.2011, 11:47:58

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

31.05.2011, 12:02:31

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

robal94

31.05.2011, 12:09:20

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

31.05.2011, 12:28:23

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

W zwykłym JS bez trudu da się uzyskać podobne efekty, co w jQuery(przynajmniej większość z nich)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.