延遲加載不等待單擊以加載折疊后的圖像

Question

我目前在圖像繁重的網頁上使用延遲加載，並且我不希望在單擊按鈕之前加載圖像。 延遲加載允許您具有這樣的事件觸發器，但我只能使其部分起作用。

折疊下方的圖像等待出現單擊，但是在最初啟動頁面時，折疊上方的任何內容都會被加載。 這是無法避免的，還是我做錯了？

下面是我正在使用的代碼。

<body>

  <script src="jquery.js"></script>
  <script src="jquery.lazyload.js"></script>

  <img src="blank.gif" class="lazy" data-original="image.png" style="height: 500px; width: 500px;">

  <script>
     $("img.lazy").lazyload({
       event : "click",
       effect : "fadeIn"
     });
  </script>

</body>

Answer 1

我認為問題是click事件未綁定到html元素（例如按鈕）。 插件無法立即解決此問題。

因此，我將使用另一個插件（例如justlazy ），它更適合您的特殊用例。

 <body> <script src="jquery.js"></script> <script src="justlazy.js"></script> <span data-src="default/image" data-alt="some alt text" title="some title" class="justlazy-placeholder"> </span> <script> $("#someButton").click(function() { $(".justlazy-placeholder").each(function() { Justlazy.lazyLoad(this); }); return false; }); </script> </body>

插件的演示頁面提供了很多示例。

延遲加載不等待單擊以加載折疊后的圖像

問題描述

1 個解決方案

解決方案1
0 2015-12-06 11:19:18

延遲加載不等待單擊以加載折疊后的圖像

問題描述

1 個解決方案

解決方案1 0 2015-12-06 11:19:18

解決方案1
0 2015-12-06 11:19:18