更改页面上已有图像的加载顺序

问题描述 投票:2回答:3

有没有办法没有AJAX来更改页面上图像的加载顺序?甚至是一种完全停止或暂停已经存在的图像加载的方法?

用例很简单-我在页面下有一堆图像,访问者将使用URL锚点(/ images#middle-of-page)指向页面的不同位置,URL锚点指的是这些容器的实际容器图片。

我至少希望首先将图像加载到请求的容器中,然后继续加载其余图像。

挑战在于,在加载页面DOM之前无法知道请求的容器图像的图像路径。

我已经尝试在加载时获取容器img的内容,然后使用Javascript新的Image()技术,但这并没有改变页面上的该图像仍将等待所有先前的图像加载的事实。] >

[我也尝试过在体内的div前面添加所述img路径的背景图像(CSS),但这也没有优先考虑图像加载。

还有其他想法吗?

没有AJAX,有没有办法改变页面上图像的加载顺序?甚至是一种完全停止或暂停已经存在的图像加载的方法?用例很简单-我有一个很长的...

javascript jquery html dom image-loading
3个回答
2
投票

您需要一个具有空img占位符的DOM,即


0
投票

出于兴趣,这是我根据此处的答案最终实现的功能(我将其设为按需加载功能以实现最佳速度):


0
投票

img loading="lazy"属性现在提供了实现此目标的好方法。

© www.soinside.com 2019 - 2024. All rights reserved.