スポンサーリンク
スポンサーリンク

画像読込の進捗具合が分かるプログレスバーを作成

タイトルの通りです。読み込み中の画像を表示しないようにし、かつ画像読込の進捗度を表示してみます。
サンプルコードの実行結果はこちら
サンプルコードをみると、画像は100枚ほど読み込みますが、ブラウザへの負担が大きいので、実際に読み込む画像は10枚にしてあります。

今回使用したプラグイン
・imagesloaded

index.html

progressBar.js

コメント

タイトルとURLをコピーしました