JavaScriptで作業中にローディングの画像を実装したかった。
gifファイルをimgタグで読込んだりすれば、それっぽいのはできたのですが、
簡単に実装できるbusy.jsっていうのがありました。
使い方も簡単でした。
// 表示
// 第2、第3引数で外見をいろいろ指定できる
var obj = getBusyOverlay(画像を表示させたい要素,{text:'読込中'});
// 消したいとき
obj.remove();
詳しいことはUsing Itに書いてありました
これだけでロード中の画面が表示できました。
便利な世の中だなぁ。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。