jQuery定位图片在页面没有完全加载完成的时候无法居中
来源:互联网 发布:linux弱口令扫描工具 编辑:程序博客网 时间:2024/06/13 18:21
这个中间的红线框内的内容本来应该是需要js控制居中的,但是页面没有加载完成,红框内的图片没有获取到实际的高度,出现了上图情况?
解决思路:
1.查找到图片的实际宽高,
2.中间居中红框图片占整个屏幕的宽度比例,
3.获取屏幕的宽度、高度
下面是具体的代码很简单:
($(window).height() - $(window).width() * 0.9 / 640 * 943) / 2);
说明一下:因为我需要的是中间的图片占屏幕的宽度的90%,所以0.9就是占比了,640*943是图片的实际宽高。
这样一来及时,图片还没有完全加载完,但是整个屏幕的宽度和高度肯定是第一时间就可以获取到的,这样就避过了用图片的高度了。
阅读全文
1 0
- jQuery定位图片在页面没有完全加载完成的时候无法居中
- jQuery定位图片在页面没有完全加载完成的时候无法居中
- 如何让一副图片在页面加载完成时候出现移动翻转和淡入的效果?
- extjs 有些时候修改的时候值没有加载完成在窗口加载的时候加上 delay
- JQuery判断页面图片是否加载完成并延迟加载
- JQuery判断页面图片是否加载完成并延迟加载
- JQuery判断页面图片是否加载完成并延迟加载
- Jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- jquery加载页面的方法(页面加载完成就执行)
- 用jQuery在图片加载完成后改变图片大小
- jquery检测图片加载完成
- 实现动态加载的图片页面中纵向居中显示
- 图片在页面中居中
- jQuery学习--jQuery页面加载完成事件
- jQuery加载全部页面完成前的loading效果
- JAVA高级特性:泛型
- Java多线程之Executor框架
- http(2)
- 335. Self Crossing
- sql语句的优化
- jQuery定位图片在页面没有完全加载完成的时候无法居中
- Leecode-Search Insert Position
- Android蓝牙开发资料
- 图片的热点区域
- crontab定时任务调用Kettle任务报错处理
- 日期插件可选范围控制在5周内
- Spring通过ApplicationContext主动获取bean
- 【Java Web开发】认识JSP 9个内置对象和序号方法说明
- 关于蓝牙的一些详细知识