Javascript jQuery在加载资产时运行

我有一个全宽全高的大图像，我有一个带有document.ready的jQuery脚本，但是在加载图像之前脚本仍然运行。我可以用另一种方式准备语句以便加载图像

$(document).ready(function(){
var currWidth = $(window).width();
console.log(currWidth);

var startPos = -100;
var endPos = (currWidth / 2) + (startPos / 2);
console.log(endPos);
$('#welcome').animate({left: endPos}, 1000);
});

$window.loadfunction{

这而不是document.ready这将完全加载dom和所有资产文档。ready只加载页面

谢谢

---

已解决

您也可以通过onload事件将此作为图像html的一部分：

<img src="..." onload="myFunction()" />

这将在加载特定图像时触发myFunction，而不是在加载整个页面时。

为了澄清；$document.readyfunction或在加载DOM时仅运行$function，在触发加载事件时运行$window.loadfunction。