【JQuery】処理待ち中にアニメーション表示する – ysklogJQueryで処理待ち中にアニメーションを流す方法を紹介します。 ページの読み込みやajaxでの通信に時間がかかる場合、ユーザーに「動いているのか？」とストレスを与えるかもしれないので、そういうときに有効かと思います。 アニメーションの準備 処理待ち中に「動いてますよー」というアニメーションは下のようなgif画像を用います。 肝心なgif画像の作り方ですが、以下のようなツールがありますので、それを使うと手っ取り早いです。 http://loadergenerator.com/ http://loadinfo.net/ ここではアニメーションgif画像のファイル名は「loading.gif」にしたいと思います。 HTML id要素「loading」と「contents」をもつブロックを作成します。 そして1つ目のブロックにアニメーションgif画像を、2つ目のブロックにコンテンツを入れます。
