Scriptを読み込み中の表示について

HTML
<script language="JavaScript" type="text/javascript" src="AAA.js"></script>
外部JS
<!--
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("RSSURL");
feed.setNumEntries(5);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("mini_feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var div = document.createElement("div");
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var date = yearNum + "年"+(dd.getMonth()+1)+"月"+dd.getDate()+"日";
container.innerHTML += "<div>【"+"<b>" + date+"</b>" +"】<br /><a href='" + entry.link + "'>" + entry.title + "</a></div>";

}
}
});
}
google.setOnLoadCallback(initialize);
//-->
を設置し、RSSをスクリプトで表示しています。
2秒くらい読込みが遅いので、その部分が、一時空白状態のままになります。
そこで、読み込み中に読込みしていますというぐるぐる回る画像を表示したいのですが、どのように記述すれば宜しいのでしょうか？

No.2 ベストアンサー 回答者： steel_gray 回答日時： 2008/05/07 16:44

ページロード時に読み込んでいるんですよね？

埋め込み先に最初からぐるぐる回る画像を入れておく
<div id="mini_feed"><img ～></div>

読み込み時点で一度内容を消す
var container = document.getElementById("mini_feed");
container.innerHTML = '';//これを追加
for (var i = 0; i < result.feed.entries.length; i++) {


で、どうかな？

この回答へのお礼

steel_grayさん
回答ありがとうございます。
早速、jsに1行入れて、回答のようにしてみまして設置した所、うまくいきました。
画像を設置だとait入れないといけないので、cssを使って、背景画像を指定し、中央に来るようにしてみました。

この度は、ありがとうございました。

お礼日時：2008/05/08 16:10

No.1 回答者： VCAT 回答日時： 2008/05/07 14:54

JavaScriptだけでは無理。

サーバから下ろしましょう。