等待图像加载的jQuery加载器

Question

我正在尝试创建一个加载器，该加载器在使用jQuery调用functionY之前等待X数量的图像被加载。 我使用的是“ on（'load'）方法，但是每次我在“ loadedImages”变量上得到不同的结果时。 我尝试在“ $（document）.ready”函数的内部和外部使用它，但是每次仍然会有不同的结果。
例如，我有20张图像（$（'img'）。length = 20）-有时它显示已加载12张图像，有时8张，等等。理想情况下，我想使用“ $（'img'）。length * 0.7”例如，如果加载的所有图像中有70％调用functionY。 谢谢

let loadedImages = 0; 
$('img').on('load', function(event) {
loadedImages++;
console.log(loadedImages);
if(loadedImages > X ){ functionY() };
});