Javascript・jQueryツイートページを読み込む際に、jQueryでローディング画面を実装する方法のご紹介です。JavascriptjQueryとCSSでローディング今回は以下のようなCSSとHTMLを用意しました。50%;margin:auto}.loaderの要素のtopとleftの値(ローディング画像の表示位置)は、サイトに合わせて調整してみてください。src="ローディング画像のパス"></div></div>ローディング画像の生成ローディング画像は以下のジェネレータより手軽に作成することができます。Generatorの使い方は、別途こちらの記事も参考にしてみてください。Javascriptいくつか実装方法がありますが、まずは一番シンプルなローディングのパターンです。{jQuery("#loading").hide();});</script>次にsetTimeout()を使って、指定した時間の経過後にローディングを解除する方法です。{$("#loading").show();setTimeout(function(){$("#loading").hide();},3000);});</script>また、fadeOut()でローディング顔面をフェードアウトさせる方法もあります。{jQuery("#loading").fadeOut(3000);});</script>簡単なデモを以下のページに用意しました。使ったローディングのデモになります。コメントデータの処理方法の詳細はこちらをご覧ください。最新記事[WP]サイトで技術的な問題が発生しています。サイト管理者のメールを確認して指示に従ってください。