JavaScript/jQueryローダーの数学の質問

Question

私はここで脳のおならを持っていると思います...また、setTimeoutとハードコードされた6は今すぐにアニメーションをテストするためのものです。それは​​に終わり、画像を数えます。とにかくこのコード：

var imagesLoaded = 0; 

var loader = function(){ 
    setTimeout(function(){ 
     if(imagesLoaded < 6){ 
     imagesLoaded++; 
     console.log($('.'+settings.loaderClass).width()/imagesLoaded+'px') 
     loader(); 
     } 
    },500) 
} 

loader(); 

ほとんどの作品が問題です。それは後ろに行く。ファインので、私はそれが好きリバース：

console.log(imagesLoaded/$('.'+settings.loaderClass).width()+'px') 

をその後私は得る：

0.0026041666666666665px 
0.005208333333333333px 
0.0078125px 
0.010416666666666666px 
0.013020833333333334px 
0.015625px 

そして、明らかに、機能しないこと。

私は何をしなければなりませんか？基本的にはマークアップは単純です：

<div class="loader"> 
    <div class="loaderBar"></div> 
</div> 

とイムはちょうど.loaderBarの幅を広げます。

ありがとうございます！

Answer 1

はconsole.log（（$（ ' '+ settings.loaderClass）.width（）* imagesLoaded/6）+' PX'）

6である、ロードされた画像の総数でありますおそらくあなたの場合の変数です。その後、シーケンスはWIDTH * 0/6、WIDTH * 1/6、WIDTH * 2/6になります.100％の完了を表示する必要がある場合は、WIDTH * 6/6の位相を含めることができます。

Answer 2

（imagesLoaded/totalImages）* loaderWidthが必要です。