問題 × 解決策

AJAXで読み込み中(ローディング)に表示するGIF画像を生成してくれるサイト「AjaxロードGIFジェネレーター」

問題

AJAXで読み込み中(ローディング)の画像を、手間を掛けずに作成したい。

解決策

AJAXで読み込み中(ローディング)に表示するGIF画像を生成してくれるサイト「AjaxロードGIFジェネレーター」を活用して作成する。

AJAXを使用する際の読み込み中の表示

AJAXを使用する場合、読み込み中(ローディング)は読み込み中であるとわかるように、画像やテキストを表示させますよね。
その読み込み中に表示するGIF画像を生成してくれるサイト「AjaxロードGIFジェネレーター」をご紹介します。

「AjaxロードGIFジェネレーター」へアクセス

以下のサイトへアクセスします。

【 AjaxロードGIFジェネレーター】
http://ajaxload.info/

ローディング画像の設定

黄色の背景色のブロック内がローディング画像の設定場所となります。

Indicator type ローディング画像の種類を選択して設定します。
豊富な種類から選ぶことができます。
Background color ローディング画像の背景色を設定できます。
背景色が要らない、透明にしたいという場合は、すぐ下の「Transparent background」にチェックを入れると背景を透過してくれます。
Foreground color ローディング画像の色を設定できます。

ローディング画像の設定が完了したら、「Generate it !」ボタンをクリックします。

ローディング画像のダウンロード

すると下の赤色のブロックにプレビューが表れるので、それで良ければすぐ下の「Download it !」をクリックします。

ダウンロードが開始されるので、完了すれば終了です。

サンプル

仕上がったGIF画像はこちらになります。

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

12 + 3 =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧