前の記事 ≪:見るだけでUIの勉強になるUIのアニメーションをまとめた「User Interface l...
次の記事 ≫:スマホ、PCで使えるサイドバー実装ライブラリ「Slidebars」

画像のLazyLoaderにアニメーション機能を加えた「BttrLazyLoading」

2014年02月24日-はてなブックマーク

スポンサード リンク

Demo Animations | BttrLazyLoading

画像のLazyLoaderにアニメーション機能を加えた「BttrLazyLoading」
読み込んだ際にフェードインというのがよくあるパターンですが、こちらのライブラリを使えば回転させたりサイドからアニメーションさせたりと様々なアニメーション機能を実装できるようです
スクロールしていくと画像がアニメーション付きで表示されるのはインパクトがありますね。更にLazyLoaderがあるのでサーバにもやさしい。


画像数がおおくなるとブラウザに負担がかかりそうなので注意は必要ですが、なかなかおもしろい効果も作れるようです

関連エントリ

関連の記事検索:JavaScript, lazyload, jQuery-Scroll, jQuery-Effect, develop, ライブラリ
スポンサード リンク

By.KJ : 2014年02月24日 09:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)