jQuery定位图片在页面没有完全加载完成的时候无法居中

加勒比海盗时候无法居中”>

这个中间的红线框内的内容本来应该是需要js控制居中的，但是页面没有加载完成，红框内的图片没有获取到实际的高度，出现了上图情况？

解决思路：

1.查找到图片的实际宽高，

2.中间居中红框图片占整个屏幕的宽度比例，

3.获取屏幕的宽度、高度

下面是具体的代码很简单：

($(window).height() – $(window).width() * 0.9 / 640 * 943) / 2);

说明一下：因为我需要的是中间的图片占屏幕的宽度的90%，所以0.9就是占比了，640*943是图片的实际宽高。

这样一来及时，图片还没有完全加载完，但是整个屏幕的宽度和高度肯定是第一时间就可以获取到的，这样就避过了用图片的高度了。