91豆麻精品91久久久久久,中文在线资源,国产精品女视频,yw.139尤物在线精品视频

?
  歡迎訪問全國企業網站設計NO.1網站開發商平臺 付款方式
主頁 > 網站建設 > 建站知識 > 織夢網站如何用jQuery.lazyload延時加載圖片

織夢網站如何用jQuery.lazyload延時加載圖片

POST TIME:2020-10-09

第一步:在網站頭部引用lazyload,可以把lazyload文件下載下來也可以直接在各大公共庫中引用

<script src="http://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.js" type="text/javascript"></script>

注意:不可以放在底部哦,一定要放在站內需要延時加載圖片的上方。

 

第二步:在網站所有圖片中指定要延時加載的圖片,這里以織夢系統的網站為例:

    <img data-original="[field:first_imgurl/]" src="[field:litpic/]"/>

說明:上面就是把圖片指定到lazy樣式中,“data-original”一定要是網站真實要顯示的圖片地址。

 

第三步:在網站底部加入以下代碼,恰恰和第一步相反:  

  <script type="text/javascript">

    $("img.lazy").lazyload({ effect : "fadeIn"

    });

    </script>

? 主站蜘蛛池模板: 惠安县| 错那县| 海晏县| 靖远县| 蒙自县| 察哈| 德清县| 桂平市| 启东市| 龙井市| 道孚县| 石柱| 上犹县| 阳春市| 外汇| 千阳县| 城步| 大厂| 武定县| 铁岭县| 宣汉县| 安溪县| 黄石市| 绥德县| 顺昌县| 定安县| 辽宁省| 梨树县| 吉林省| 抚宁县| 宁强县| 璧山县| 本溪市| 融水| 夏河县| 筠连县| 漠河县| 渭源县| 清远市| 龙川县| 富民县|