阻止/推迟加载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插件来实现稍微不同的功能。