jQuery定位图片在页面没有完全加载完成的时候无法居中
2017-06-20 10:11
288 查看
jQuery定位图片在页面没有完全加载完成的时候无法居中
加勒比海盗时候无法居中”>
这个中间的红线框内的内容本来应该是需要js控制居中的,但是页面没有加载完成,红框内的图片没有获取到实际的高度,出现了上图情况?
解决思路:
1.查找到图片的实际宽高,
2.中间居中红框图片占整个屏幕的宽度比例,
3.获取屏幕的宽度、高度
下面是具体的代码很简单:
($(window).height() – $(window).width() * 0.9 / 640 * 943) / 2);
说明一下:因为我需要的是中间的图片占屏幕的宽度的90%,所以0.9就是占比了,640*943是图片的实际宽高。
这样一来及时,图片还没有完全加载完,但是整个屏幕的宽度和高度肯定是第一时间就可以获取到的,这样就避过了用图片的高度了。
相关文章推荐
- jQuery定位图片在页面没有完全加载完成的时候无法居中
- JQuery判断页面图片是否加载完成并延迟加载
- JQuery判断页面图片是否加载完成并延迟加载
- 如何让一副图片在页面加载完成时候出现移动翻转和淡入的效果?
- JQuery判断页面图片是否加载完成并延迟加载
- jquery判断页面、图片是否加载完成
- Android 如果布局中有ScrollView和Fragment或者带有滚动条的布局进行嵌套,布局加载完成页面无法定位到顶部的情况
- jQuery-图片预加载+等比例缩放+图片在容器中上下左右居中!
- 浏览页面提示500内部错误,,事件查看器中出现:服务器无法加载应用程序 '/LM/W3SVC/1/ROOT'。错误是 '没有注册类别'
- 当jsp页面完全加载完成后执行一个js函数
- 【转】使用jquery实现图片预加载提高页面加载速度和用户体验
- jQuery页面滚动图片等元素动态加载实现
- jQuery页面滚动图片等元素动态加载实现
- jQuery-onload让第一次页面加载时图片是淡入方式显示
- extjs 有些时候修改的时候值没有加载完成在窗口加载的时候加上 delay
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- win7 iis7.0 asp页面加载jquery无法显示
- 在页面没有完全加载完毕前调用Ajax方法会出错
- jquery加载页面的方法(页面加载完成就执行)