Αναδρομή στην Jquery

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Αναδρομή στην Jquery

Δημοσίευση από nknet » 26 Αύγ 2011 15:21

Πως θα κάνω αναδρομή στον παρακάτω κώδικα για να επαναλαμβάνεται

Κώδικας: Επιλογή όλων

<script type="text/javascript">
function imgFadeInOut&#40;&#41; &#123;
    $&#40;'#picOne'&#41;.fadeIn&#40;1000&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
        $&#40;'#picTwo'&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
            $&#40;'#picThree'&#41;.delay&#40;3000&#41;.fadeIn&#40;1000&#41;;
        &#125;&#41;;
    &#125;&#41;;
&#125;
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
   imgFadeInOut&#40;&#41;;
&#125;&#41;;
</script>
Ευχαριστώ

Άβαταρ μέλους
_tasos
Δημοσιεύσεις: 116
Εγγραφή: 03 Μάιος 2007 15:06
Επικοινωνία:

Αναδρομή στην Jquery

Δημοσίευση από _tasos » 26 Αύγ 2011 15:37

Δες την function setTimeout() της javascript. Μπορείς να καλείς κάποια συνάρτηση μετά από κάποιο χρονικό διάστημα. Άρα για να κάνεις αναδρομή, στο τέλος της function σου θα καλείς τον εαυτό της με κάποιο time interval.

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

Αναδρομή στην Jquery

Δημοσίευση από Rapid-eraser » 26 Αύγ 2011 18:54

δεν είναι αναδρομή αυτό υπόψιν.

μπορείς να κάνεις κάτι τέτοιο:

Κώδικας: Επιλογή όλων

<script type="text/javascript">
var imgFadeInOut;

$&#40;function&#40;&#41; &#123;
	
   imgFadeInOut = function&#40;i&#41; &#123;
	    $&#40;'.myFadeImages&#58;eq&#40;'+i+'&#41;'&#41;.fadeIn&#40;1000&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
			imgFadeInOut&#40;i+1&#41;;
	    &#125;&#41;;
	&#125;
		
   imgFadeInOut&#40;0&#41;;
&#125;&#41;;
</script>
τα δύο fadein δεν ξέρω σε τι αποσκοπούν μιας και το call back το έχουμε στο δεύτερο...
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Αναδρομή στην Jquery

Δημοσίευση από nknet » 26 Αύγ 2011 21:24

Καλησπέρα
Ευχαριστώ για τις απαντήσεις
Δοκίμασα αυτό

Κώδικας: Επιλογή όλων

<script type="text/javascript">
var imgFadeInOut;
$&#40;function&#40;&#41; &#123;
    imgFadeInOut = function&#40;&#41; &#123;
        $&#40;'#picOne'&#41;.fadeIn&#40;1000&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
            $&#40;'#picTwo'&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
                $&#40;'#picThree'&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
                    imgFadeInOut&#40;&#41;;
                &#125;&#41;;
            &#125;&#41;;
        &#125;&#41;;
    &#125;;
&#125;&#41;;
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
   imgFadeInOut&#40;&#41;;
&#125;&#41;;
</script>
και αυτό

Κώδικας: Επιλογή όλων

<script type="text/javascript">
function imgFadeInOut&#40;&#41; &#123;
    $&#40;'#picOne'&#41;.fadeIn&#40;1000&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
        $&#40;'#picTwo'&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
            $&#40;'#picThree'&#41;.delay&#40;3000&#41;.fadeIn&#40;1000,function&#40;&#41; &#123;
                imgFadeInOut&#40;&#41;;
            &#125;&#41;;
        &#125;&#41;;
    &#125;&#41;;
&#125;
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
   imgFadeInOut&#40;&#41;;
&#125;&#41;;
</script>
και με setTimeout() και χωρίς setTimeout()
αλλά δεν έγινε τίποτα
και έχω παρακάτω αυτόν τον κώδικα

Κώδικας: Επιλογή όλων

<div id="pic">
    <img src="top1.gif" width="850" height="240" id="picOne" />
    <img src="top2.gif" width="850" height="240" id="picTwo" />
    <img src="top3.gif" width="850" height="240" id="picThree" />
</div>
Επίσης χρησιμοποιώ το jquery-1.6.2.min.js
Τι άλλο μπορώ να δοκιμάσω για να επαναλαμβάνονται οι φωτογραφίες
Ευχαριστώ

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

Αναδρομή στην Jquery

Δημοσίευση από Rapid-eraser » 26 Αύγ 2011 21:36

Μπορείς να περιγράψεις το effect γιατί δεν έχω καταλάβει τι θες να κάνεις;

Αν έχω καταλάβει καλά θες να κάνει fadeIn η πρώτη μόλις ολοκληρώσει το effe και το delay να κάνει fadeIn η επόμενη και πάει λέγοντας ;
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Αναδρομή στην Jquery

Δημοσίευση από nknet » 26 Αύγ 2011 21:42

Έχω τρεις φωτογραφίες που θέλω συνεχεία να εναλάσονται με ένα σβήσιμο μεταξύ τους μην είναι τέλειος απότομο.

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

Αναδρομή στην Jquery

Δημοσίευση από Rapid-eraser » 26 Αύγ 2011 21:55

αχά εγώ νόμιζα ότι ήταν one time

Κώδικας: Επιλογή όλων

<script type="text/javascript">
var imgFadeInOut;

$&#40;function&#40;&#41; &#123;
   
   imgFadeInOut = function&#40;i&#41; &#123;
       $&#40;'.myFadeImages&#58;eq&#40;'+i+'&#41;'&#41;.fadeIn&#40;1000&#41;.delay&#40;3000&#41;.fadeOut&#40;1000,function&#40;&#41; &#123;
        i++;
       if&#40;i >= $&#40;'.myFadeImages'&#41;.length&#41;&#123; i = 0; &#125;

         imgFadeInOut&#40;i&#41;;
       &#125;&#41;;
   &#125;
      
   imgFadeInOut&#40;0&#41;;
&#125;&#41;;
</script> 
Αυτό θα κάνει cycle συνέχεια λογικά.

Υπάρχουν έτοιμα pluginakia για jquery που κάνουν πιο ολοκληρωμένα.
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Αναδρομή στην Jquery

Δημοσίευση από nknet » 26 Αύγ 2011 22:07

Προέθεσα στο HTML αυτό και δούλεψε

Κώδικας: Επιλογή όλων

class="myFadeImages" 

Κώδικας: Επιλογή όλων

<div id="pic">
    <img src="top1.gif" width="850" height="240" id="picOne" class="myFadeImages" />
    <img src="top2.gif" width="850" height="240" id="picTwo"  class="myFadeImages" />
    <img src="top3.gif" width="850" height="240" id="picThree"  class="myFadeImages" />
</div>
ευχαριστώ

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

Αναδρομή στην Jquery

Δημοσίευση από Rapid-eraser » 26 Αύγ 2011 22:15

:) xixi
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Αναδρομή στην Jquery

Δημοσίευση από nknet » 26 Αύγ 2011 22:30

Δεν χρησιμοποίησα έτοιμα pluginakia γιατί προσπαθώ ταυτόχρονα να μάθω jquery.

Δεν καταλαμβάνω γιατί όταν μέσα στην δική σου συνάρτηση την ξανακαλείς(κάνοντας έτσι αναδρομή) τρέχει κανονικά και σε μένα δεν ξανα έτρεχε με την δική μου συνάρτηση;

Άβαταρ μέλους
Rapid-eraser
WebDev Moderator
Δημοσιεύσεις: 6851
Εγγραφή: 05 Απρ 2003 17:50
Τοποθεσία: Πειραιάς
Επικοινωνία:

Αναδρομή στην Jquery

Δημοσίευση από Rapid-eraser » 26 Αύγ 2011 22:35

θα σε γελάσω αλλά με τον τρόπο που το έγραψα εγώ αν βάλεις ή βγάλεις κάποια φωτογραφεία θα συνεχίζει να παίζει σωστά :)
Cu, Rapid-eraser, Tα αγαθά copies κτώνται.
Love is like oxygen, You get too much you get too high
Not enough and you're gonna die, Love gets you high

Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Αναδρομή στην Jquery

Δημοσίευση από nknet » 27 Αύγ 2011 11:36

Το δοκίμασα και με περισσότερες φωτογραφίες και παίζει μια χαρά.
Ευχαριστώ.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης