くるくるを表示させよう

Googleカレンダーの、予定一覧が表示されないときがあるので、ロード中のくるくるを表示させることにしました。
(ローディングエフェクトって言うんですね)

くるくる画像は、こちらのジェネレータがかわいかったので使ってみました。

 


◆jQueryに実装

カレンダーのjsファイルに記述を追加

 

◆HTMLとCSSの実装

スケジュールHTMLの『view』の上に『loading画像』を追記
CSSは、センター表示とマージンを入れただけ

 

実装はできたけど、Googleカレンダーが表示されてないのに、くるくるちゃん消えちゃった。
Googleはちょっと違うのかしらね…(・´ω`・)

 


◆参考サイト

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中