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 · ベストアンサー

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

埋め込み先に最初からぐるぐる回る画像を入れておく
<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を使って、背景画像を指定し、中央に来るようにしてみました。

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

回答No.1

VCAT

JavaScriptだけでは無理。サーバから下ろしましょう。