国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ajax+lazyload時lazyload失效問題及解決

tigerZH / 2221人閱讀

摘要：最近寫公司的項目的時候遇到一個關于圖片加載的問題，所做的頁面是一個商城的商品列表頁，其中需要顯示商品圖片，名稱等信息，因為商品列表可能會很長，所以其中圖片需要滑到可以顯示的區域再進行加載。

最近寫公司的項目的時候遇到一個關于圖片加載的問題，所做的頁面是一個商城的商品列表頁，其中需要顯示商品圖片，名稱等信息，因為商品列表可能會很長，所以其中圖片需要滑到可以顯示的區域再進行加載。
首先我的圖片加載插件使用的是jquery的lazyload，
**一般情況下：**
使用lazyload，只需要引入相關文件（當然jquery也要提前引入）

然后在HTML的img標簽中加入類名：lazy，圖片的地址使用：data-original = “XXXXXXXXX”，最后再js中加上
$(function(){
    $("img.lazy").lazyload({
        effect: "fadeIn",
        container: $("#lazycontainer")
    }); 
})

這里設置了圖片加載進來顯示是漸現的效果，以及包裹整個商品列表的容器container

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84779.html

相關文章

  • ajax+lazyload時lazyload失效問題及解決

    摘要：最近寫公司的項目的時候遇到一個關于圖片加載的問題，所做的頁面是一個商城的商品列表頁，其中需要顯示商品圖片，名稱等信息，因為商品列表可能會很長，所以其中圖片需要滑到可以顯示的區域再進行加載。 最近寫公司的項目的時候遇到一個關于圖片加載的問題，所做的頁面是一個商城的商品列表頁，其中需要顯示商品圖片，名稱等信息，因為商品列表可能會很長，所以其中圖片需要滑到可以顯示的區域再進行加載。 首先我的...

    KitorinZero 評論0 收藏0

  • 圖片的預加載和懶加載

    摘要：圖片的預加載是提升用戶體驗而損失性能的一種做法，而懶加載的性能就比較好了，所以將兩個結合起來放到程序中是一種不錯的選擇。 最近在做H5滑頁時，遇到一些比較大的場景，動輒二十、三十頁，而圖片更是可恨的能達到上百個，所以就會導致場景在加載的時候遇到網速比較慢的時候，用戶等待的時間特別長，這樣的話，就有可能導致一部分的用戶沒有耐心，而丟失這部分用戶，于是就有了這里的圖片的預加載和懶加載，記個...

    SwordFly 評論0 收藏0

  • 墨瞳漫畫h5一期 vuejs總結

    摘要：歡迎體驗提墨瞳漫畫這里踩的坑主要是組件的重用。這樣可以防止圖和圖片大小不一樣引起的頁面跳動繼而導致的加載圖片時機錯誤。跨域時，會先發送一個空的請求來查看接口是不是支持跨域，再發送一次真實請求。 前言 博主也是vuejs萌新，公司僅我一個前端，收到做h5的需求后，馬上想到要用下vuejs，于是說服領導，開始慢慢鉆研，現在記錄一下踩到的坑。這些坑主要是在一些組件的使用上，其它的只要好好看官...

    王巖威 評論0 收藏0

  • iscroll.js和lazyload.js的兼容（滑動時，緩沖好的圖片不更新）

    摘要：另外我的這段代碼可謂神來之筆，大家好好看看這一步很重要，否則圖片不能完成緩沖效果原理在正在加載完后，就設置為可以緩沖。加載圖片使用的效果淡入在離可視區以內的圖片也開始加載了，提升體驗度取消等默認不可點擊效果解決。 以前在做項目的時候，把jquery.lazyload.js和iscroll.js一起使用，當滑動頁面的時候，iscroll的滑動效果出來了，但是圖片懶加載的效果沒出來，主要是...

    Cheng_Gang 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<