例如我文件夾下有100張圖片（命名為1.jpg , 2.jpg? .....），默認顯示20張，然后滾動加載(i+1.jpg這樣一直獲取類加上去)，怎么判斷我加載完100張了，不在讓其加載了（前提是，我并不知道文件夾下有多少張圖）。

下面方法通過load判斷加載完了,但是對加載中的圖片再滾動時，由于加載圖片需要時間加載，滾動快會出現圖片重復加載，部分圖片沒有加載到，請問高手們怎么解決

$(window).on('load',function(){
????$(window).scrollTop(0);
????waterfall();
????$(window).on('scroll',function(){
????????if(checkScrollSlide){
????????????var?$boxsLength?=?parseFloat($('#main?>?div').length);
????????????var?dataInt={'data':[{'src':$boxsLength+1+'.jpg'},{'src':$boxsLength+2+'.jpg'},{'src':$boxsLength+3+'.jpg'},{'src':$boxsLength+4+'.jpg'}]};
????????????$.each(?dataInt.data,?function(?index,?value?){
????????????????$('<img>').attr('src','images/'?+?$(?value).attr(?'src')?).load(function(){
????????????????????var?$oBox?=?$('<div>').addClass('box').appendTo(?$(?"#main"?)?);
????????????????????var?$oPic?=?$('<div>').addClass('pic').appendTo(?$oBox?);
????????????????????$(this).appendTo($oPic);????
????????????????})
????????????});
????????????waterfall();
????????????
????????}???????????????????????????????
????});
});