http://gimmicklog.main.jp/jquery/278/
上記のページを参考に、
読み込み中にLoading画面を表示させました。
少し動きのあるLoadingなので、1秒とかで消えてしまうのではなく
例えば、下記のようなことはどのようにすれば出来るのでしょうか?
Loadingが3秒以内で完了する場合はLoadingを5秒間表示する→コンテンツ表示
Loadingが5秒以上かかる場合はLoading終了後→コンテンツ表示
やり方、アドバイス、ヒントなど頂けると幸いです。
宜しくお願いします。
lang
1$(function() { 2 var h = $(window).height(); 3 4 $('#wrap').css('display','none'); 5 $('#loader-bg ,#loader').height(h).css('display','block'); 6}); 7 8$(window).load(function () { //全ての読み込みが完了したら実行 9 $('#loader-bg').delay(900).fadeOut(800); 10 $('#loader').delay(600).fadeOut(300); 11 $('#wrap').css('display', 'block'); 12}); 13 14//10秒たったら強制的にロード画面を非表示 15$(function(){ 16 setTimeout('stopload()',10000); 17}); 18 19function stopload(){ 20 $('#wrap').css('display','block'); 21 $('#loader-bg').delay(900).fadeOut(800); 22 $('#loader').delay(600).fadeOut(300); 23}
回答2件
あなたの回答
tips
プレビュー