阻止/推遲加載HTML元素

Question

在開發我的投資組合時，我意識到加載頁面需要很長時間，因爲所有圖像必須加載才能完成頁面加載。

所以，我想知道是否有任何方法來阻止或停止加載，然後再允許它。

含義類似，防止立即加載，然後點擊另一個已加載的元素，讓我們說#title，然後加載.images。

這是可能的，如果是的話如何？

在此先感謝！

Answer 1

事情是這樣的：

HTML

<img src="" class="lazyload" data-attr="image1.jpg" alt="Alt" title="Title" width="50" height="50" /> 

的JavaScript

$('#title').click(function(){ 
    $('.lazyload').each(function(){ 
     $(this).attr('src',$(this).attr('data-attr')); 
    }); 
}); 

或者你可以使用LazyLoad插件稍有不同的功能。