javascript - 阻止/推迟 html 元素的加载

Question

在开发我的作品集时，我意识到页面加载需要很长时间，因为必须加载所有图像才能完成页面加载。

所以，我想知道是否有办法阻止或停止加载，然后再允许加载。

意思是，立即阻止加载，然后单击已加载的另一个元素，比如说#title，然后加载.images。

这可能吗？如果可能的话，如何实现？

提前致谢!

Answer 1

类似这样的事情:

HTML

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

Jquery

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

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