Javascript 淡出图像并替换为另一个5等等？

我不熟悉jquery/Javascript

问：假设我有35张图片，我的屏幕大小是1200像素。第一次前5个图像淡入，几秒钟后在同一位置下5个图像淡入，前一个图像淡出，然后下5个图像淡入，直到显示所有图像，当所有图像和它递归进行时

我得到的例子是一个图像淡入交换另一个淡出，但不是一个多个图像

等等

var totalLengthphotobanner=$（'.imageClick'）.width（）+$newPos*计数；
var$photobannerWidth=$（'.photobanner'）.width（）；
var allImage=$（'img'）；
变量计数=$（“.photobanner”）.find（allImage）.length；
var$noOfImg；
var$width=$（'.imageClick'）.width（）；
var$gap=150；
var$track=0；
$noOfImg=数学地板（$gap+$photobannerWidth）/（$width+$gap））；
//警觉（$noOfImg）；
$images=1；
$keepCount=1；
而（$keepCount=$noOfImg）{
对于（$images=1；$images我正在尝试完成一个简单的模型，我不确定它是否是您想要的。我使用了递归函数来执行一些循环工作


$（“#移动”）。单击（函数（）{
fadeFunc（）；
});
函数fadeFunc（）{
$（“.current”）.fadeOut（“正常”，函数（）{
$（此）.removeClass（“当前”）；
if（$（this.next（））{
$（this.next（）.addClass（“当前”）；
$（this）.next（）.fadeIn（）.delay（2000）.fadeOut（“正常”，fadeFunc）；
}
});
}
#容器{
宽度：400px；
高度：200px；
边框：1px纯黑；
溢出：隐藏；
}
.img_集团{
宽度：380px；
高度：180像素；
利润率：10px；
显示：内联块；
背景色：#aaa；
}
.img{
背景色：#ccc；
宽度：100px；
高度：160px；
利润率：10px；
显示：内联块；
}

第一组
第一组
第一组
第2组
第2组
第2组
第3组
第3组
第3组
移动
放入您尝试过的代码
 var totalLengthphotobanner =  $('.imageClick').width()+$newPos*count;
 var $photobannerWidth = $('.photobanner').width();
 var allImage = $('img');
 var count = $( ".photobanner" ).find( allImage ).length;
 var $noOfImg;
 var $width = $('.imageClick').width();
 var $gap = 150;
 var $track =0;
 $noOfImg = Math.floor(($gap+$photobannerWidth)/($width+$gap));
 //alert($noOfImg);
 $images =1;
 $keepCount =1;
 while($keepCount<count)
    {
        var $newPos = 0;
        var $addPos = 250;
            if($track>=$noOfImg){
                for($images=1;$images<=$noOfImg;$images++){
                    $('#sponsor-'+$keepCount).css('position','absolute');
                    $('#sponsor-'+$keepCount).css('left',$newPos+'px');
                    $('#sponsor-   '+$keepCount).fadeIn(1500).delay(3500).fadeOut(1500);
                    $newPos = $newPos+$addPos;
                    $keepCount = $keepCount+1;
                }
            }else{
                for($images=1;$images<=$track;$images++){
                    $('#sponsor-'+$keepCount).css('position','absolute');
                    $('#sponsor-'+$keepCount).css('left',$newPos+'px');
                    $('#sponsor-'+$keepCount).fadeIn(1500).delay(3500).fadeOut(1500);
                    $newPos = $newPos+$addPos;
                    $keepCount = $keepCount+1;
                }
          }
      $track = count - $images;
    }