重い処理を行っているとGIFアニメが止まってしまう

解決済

質問者：rihm
質問日時：2012/08/30 12:20
回答数：1件

お世話になります。

ローディング画面を作成しようと思いスピナーのGIFを用意しました。

<div id="main">
<div id="loading"><img src="spinner.gif" /></div>
</div>

上記のような感じで画面遷移した際にはスピナーが表示されるようにして、
ページの読み込みが終わった際に

$(window).load(function() {
$("#main").load('htmlのURL');
});

のように、htmlを読み込んで表示しようとしています。
実際にはjqueryのajax通信を使って非同期にサーバー側でHTMLを生成してそれを読み込むようにしているのですが、読み込む際にスピナーのGIFアニメが止まってしまいます。
重い処理(サーバー側の処理)を行っているからだと思うのですがGIFアニメをとめずにhtmlを更新することはできないのでしょうか。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： LancerVII
回答日時：2012/08/31 07:44

こんにちは。

>重い処理(サーバー側の処理)を行っているからだと思うのですが
サーバ側の処理はおそらく関係なく返ってきたHTMLを構成する際、クライアントの処理能力の問題だと思います。
(処理を同時に走らせるとギクシャクするイメージ)
返すHTMLの中身を軽くするとか、HTMLではなく必要最低限な情報をJSON形式で返すとか。
それで改善するかはわかりませんが。