最近ではネットの回線速度も速くなり、画像などの読み込みはほぼ一瞬で終わることが多くなりましたが、 パララックスを使ったサイトなどで大量の画像を使う場合には、やはりそれなりに読み込むまでに時間がかかってしまいます。 そういった場合、待っている時間を少しでも退屈させないためにローディングのアニメーションを表示することが多いですが、 今回は実装のときに迷わないために、jQueryを使ったローディング画面の実装方法について、 復習してみました。 ↓今回作ってみたもの （注：ローディング画面確認のため、容量の大きな10MBの画像が含まれています） DEMO 今回は、 前もってローディングの画面を予め配置しておいて、 ページ内の要素が読み込み終わったらローディング画面を非表示にするという方法をつかいました。 HTML <div> <ul id="images"> <li><img src="image
おしゃれなローディング画像をサクッと実装するjQueryプラグイン「fakeLoader.js」 ページの読み込みが遅いとき、真っ白な画面が表示されているのと、ローディング画面が表示されているのとではユーザーの印象は変わります。せっかくの訪問者を逃さないためにも、読み込みに時間がかかるページにはローディング画面を出し、数秒の間待ってもらえるような工夫をすることが大切です。 そこで、簡単にローディング画像を表示させることができるjQueryプラグイン「fakeLoader.js」をご紹介します。 その名の通り、読み込みの完了を判断するものではなく、フェイクのローダーを表示させるスクリプトで、一定時間ローディング画像を表示してくれます。 使い方が簡単なので、ある程度ページの読み込み時間が予測できる場合におススメです。 ↓デモはこちら くるくる回るものやウェーブするもの、正方形に動くものなど全部
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く