jQuery Forum

$(function () {
        var delay = 4000;

        $('#rotator > li').each(function () {
            var $imgArr = $(this).children();
            $imgArr.eq(0).show();
        });

        setInterval(function () { changeImage(); }, delay);

        function changeImage() {
            var $liArr = $('#rotator > li');
            var $currLi = $liArr.filter(":has(.rotator-image:visible)");
            var $currImg = $('.rotator-image:visible', $currLi);
            if ($currImg.next().length == 1) {
                var $next = $currImg.next();
            } else {
                var $next = $('.rotator-image:first', $currLi);
            }
            $currImg.fadeOut();
            $next.fadeIn();
        }
    });

2.  $(function () {
3.         var block = 0
4.         var totalBlocks = 7
5.         var delay = 500
6.         var fade = 2000
7. 
   
8.         setInterval(function () {
9.             changeImage(block);
10.             if (block == totalBlocks) { block = 0; }
11.             else { block++; }
12.         }, delay);
13. 
    
14.         function changeImage(block) {
15.             var $liArr = $('#rotator > li');
16.             var $currLi = $liArr.eq(block);
17.             var $currImg = $('.rotator-image:visible', $currLi);
18.             if ($currImg.next().length == 1) {
19.                 var $next = $currImg.next();
20.             } else {
21.                 var $next = $('.rotator-image:first', $currLi);
22.             }
23.             $currImg.fadeOut(fade);
24.             $next.fadeIn(fade);
25.         }
26.     });