関連エントリー
コメント
- コメントはまだありません。
');
//loading
$(function() {
var loadCount = 0, //loading状況の初期化
imgLength = $("img").length; //読み込む画像の数を取得
$("img").each(function() {
var src = $(this).attr("src");
$("")
.attr("src", src)
.on('load', function() {
loadCount++; //画像が読み込まれたら、loading状況を更新
})
.on('error', function() {
loadCount++; //画像が404エラーでも、loading状況を更新
});
});
var timer = setInterval(function() { //一定間隔でloading状況をローディングバーに反映
$("#loader span").css({
"width": (loadCount / imgLength) * 100 / 2 + "%" //読み込まれた画像の数を画像全体で割り、%としてローディングバーのwidthに設定
});
if((loadCount / imgLength) * 100 == 100){ //100%読み込まれたらローディングバーを隠す
clearInterval(timer);
$("#loader_main").delay(300).animate({
"opacity": 0,
"z-index": -9999,
}, 200);
}
}, 5);
})
//-->
Copyright c 2009-2018 Furu Tsubaki. All Rights Reserved. | Created by freo (ver 1.20.0). ※当ブログはIE,Operaまた古いブラウザは非推奨です。