ページの中央に手軽にローディング画像を表示させたり非表示にしたりすることができます。

使い方

$.MTAppLoadingImage(display);

引数 display には、show または hide の文字列を設定します。

引数

display

ローディング画像を表示する場合は show を、非表示にする場合は hide を設定します。

サンプル

(function($){
    $.MTAppLoadingImage('show');
    // do something
    $.MTAppLoadingImage('hide');
})(jQuery);

例えば、サイズの大きいデータを Ajax で取得したり、処理の重いスクリプトを実行したりする場合などに、その処理の間にローディング画像を表示することで、ユーザーのストレスを軽減することができます。