jQueryで簡単なloading画面を作る | スターフィールド株式会社

最近ではネットの回線速度も速くなり、画像などの読み込みはほぼ一瞬で終わることが多くなりましたが、 パララックスを使ったサイトなどで大量の画像を使う場合には、やはりそれなりに読み込むまでに時間がかかってしまいます。 そういった場合、待っている時間を少しでも退屈させないためにローディングのアニメーションを表示することが多いですが、 今回は実装のときに迷わないために、jQueryを使ったローディング画面の実装方法について、 復習してみました。 ↓今回作ってみたもの （注：ローディング画面確認のため、容量の大きな10MBの画像が含まれています） DEMO 今回は、 前もってローディングの画面を予め配置しておいて、 ページ内の要素が読み込み終わったらローディング画面を非表示にするという方法をつかいました。 HTML <div> <ul id="images"> <li><img src="image

[nomaharu2013]

loading