echo.js純粋なJavaScript軽量怠zyロードインスタンスコード
デモ
<！doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> simple javascript画像怠zyなロードライブラリecho.js </title> <style> .demo img {width：736px;高さ：490px;背景：url（images/loading.gif）50％no-repeat;} </style> </head> <body> <h1 style = "margin：40px; font; font：32px microsoft yahei; center;">シンプルなjavascript画像怠zyなロードライブラリecho.j data-echo = "images/big-1.jpg"> <img src = "images/blank.gif" data-echo = "yights/big-2.jpg"> <img src = "images/blank.gif" data-echo = "images/big-3.jpg"> <img src = "画像/blank.gif" data-ent ""> <img "> big-4 src = "images/blank.gif" data-echo = "images/blank.gif" data-echo = "mage-5.jpg"> <img src = "images/blank.gif" data-echo = "big-6.jpg"> <img src = "image/flank src = "js/echo.min.js"> </script> <script> echo.init（{offset：0、throttle：0}）; </script>応用
1. JSを紹介して初期化します
<script src = "{sh :: pub} js/echo.min.js"> </script> <script> echo.init（{offset：0、throttle：0}）; </script>2。属性を写真に添付します
<img src = "{sh :: pub} img/common/blank.gif" data-echo = "{sh：$ goods.logoimg}">3.アンロードされた画像、動的GIFのデフォルトの背景を設定します
.lazy {width：100％; height：100％; background：url（{sh :: pub} img/common/loading.gif）50％no-repeat;}非常に便利で実用的です。
Webページを開く速度をさらに向上させるために、アップロードされた写真を最適化できます。
Webページは遅く、それに過ぎず、クエリは遅く、画像がゆっくりとロードされ、画像に遅延がロードされておらず、画像のデータが大きすぎます。
これらの理由に基づいて、徐々にそれらを解決します。
ユーザーエクスペリエンスを改善します。
純粋なJavaScriptの上記の例コードは、echo.jsの軽量怠zyなロードです。エディターが共有するコンテンツ全体です。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。