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插件来实现稍微不同的功能。