在页面上加载异步图像

Question

我不想让用户等待。相册可能包含30多张图片。

我希望所有图片都在一个页面上，没有分页。

不需要一些花哨的加载滚动的东西。我只想加载页面并加载图像。

有没有一种简单的方法可以达到这个目的？

Answer 1

您可以使用JavaScript在页面加载后插入元素，如下所示：

<div id="container">
    <h1>Hello World!</h1>
</div>
<script>
window.onload = function() {
    const image = document.createElement('img');
    image.src = '//domain.tld/image.png';
    document.getElementById('container').appendChild(image);
}
</script>