how to loop a function in jquery

Question

hi im making this image fadeIn and then fadeout again but i have no idea how to loop it.

<div class="slideshow">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
<img src="img4.jpg">
<img src="img6.jpg">
<img src="img7.jpg">
<img src="img8.jpg">
<img src="img9.jpg">
<img src="img10.jpg">
</div>

            var lis = $('.slideshow img').hide();
            $('img:first',lis).show();
            var x=0;
            (function displayImages() {
                lis.eq(i++).fadeIn(600, displayImages);

            })();

Steve Robbins · Accepted Answer · 2011-08-01 04:07:17Z

2

$('.slideshow img:first-child').fadeIn(500, fadenext);

function fadenext() {
  $(this).next().fadeIn(500, fadenext);
}

http://jsfiddle.net/imoda/4CKbZ/

edited Aug 1, 2011 at 4:07

answered Aug 1, 2011 at 4:01

Steve Robbins

13.8k12 gold badges81 silver badges129 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rob · Accepted Answer · 2011-08-01 03:53:25Z

0

Maybe you could use the fadein callback method to call the next one...

.fadeIn( 600, NextImage );

answered Aug 1, 2011 at 3:53

Rob

10.3k5 gold badges64 silver badges93 bronze badges

Collectives™ on Stack Overflow

how to loop a function in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related