img lazyload需要滾動動作才能正常工作

我使用Arial Fleser的圖像lazyload並且它完美地工作，但是，每當我決定將某些圖像放入其他某些圖像（例如水平手風琴）或某些動作時會出現問題水平方向的div，就像lazyload插件希望你的圖像通過垂直滾動顯示在視口中一樣，但是如果你的圖像將水平地顯示出來，例如，css左邊的-1500px通過一些jQuery函數顯示出來，你最終會得到的是圖像佔位符。您必須向上或向下滾動至少1個像素，以便加載圖像。img lazyload需要滾動動作才能正常工作

在我開始弄清楚某些容器的scrollHow或scrollDown爲1像素的cheesy hack之前，我想我會問：一定有一些方法可以讓lazyload理解不僅僅是滾動操作？一旦圖像進入視圖（通過手段）圖像應該加載。無論如何，我會去尋求任何有創意的解決方案，即使它有點俗氣。

來源

2012-09-19 Stephen

我試過尋找「用戶：斯蒂芬hasaccepted：0」找到'未接受'的帖子，但沒有奏效。如果有辦法我可以快速做到這一點（不需要整天研究論壇規則），我全部都是耳朵。 – Stephen

沒有必要搜索，轉到您的個人資料頁面，我們會看到您到目前爲止詢問的所有問題。 – undefined

完成;謝啦。 – Stephen

道歉，如果我誤解了你的要求，但我相信有一對夫婦的lazyload選項，你可以設置實例的工作（我覺得）你描述：

第一種是像實現一個水平滾動DIV，在那裏你必須告訴lazyload上下工夫說DIV，像這樣：

$("img.needstoload").lazyload({   
    container: $("#scrollydivid") 
});

另外還有「skip_invisible」參數，你可能需要設置爲false，lazyload被忽略不可見圖像默認（直到你垂直滾動，當它重新檢查圖像，看是否有需要加載）...

來源

2012-09-19 20:53:22 Alan

好吧我試着將skip_invisible設置爲false，但沒有什麼區別。不過，它似乎應該是這樣。我會盡量找到一種方法來使用ScrollTo向上或向下滾動1px。我是俗氣的解決方案之王。 – Stephen

另一種選擇是讓沒有經過lazyload的圖片導致問題被加載（即，沒有lazyload圖片的類是針對隱藏的圖片的，所以無論如何它們都會加載）。也就是說，這是否是一個可行的解決方案取決於有多少圖像，它們有多大，以及帶寬使用對你有多重要...... – Alan

你說得對，我可能不得不跳過這個特別的延遲加載div部分。我從來沒有想過要放棄懶惰加載。 :) – Stephen

img lazyload需要滾動動作才能正常工作

回答

相關問題