img onload事件
来源:互联网 发布:数据挖掘算法的作用 编辑:程序博客网 时间:2024/05/16 12:30
看了网上一些代码都不成功
下面特写一段代码
首先,整一个地方把src存起来
<input type="hidden" value="http://aa.com/a.jpg" id="hidheadimgsrc" />
再整一个图片对象,先写onload事件,再去赋src值。onload执行完后,再去赋值给img
var headimg = new Image();
headimg.onload=function(){
var h = headimg.height;
var w = headimg.width;
$(".w1000-right .belonger-msg .rel img").css("margin-top", "-" + h / 2 + "px");
$(".w1000-right .belonger-msg .rel img").css("margin-left", "-" + w / 2 + "px");
if (w > 188) {
$(".w1000-right .belonger-msg .rel img").width(188);
$(".w1000-right .belonger-msg .rel img").height(252);
$(".w1000-right .belonger-msg .rel img").css({ "margin-left": "-94px", "margin-top": "-126px" });
$(".w1000-right .belonger-msg .rel img")[0].setAttribute('src',headimg.src);
};
};
headimg.src = $("#hidheadimgsrc").val();
- img onload事件绑定
- img onload事件
- window onload 与 img onload事件
- IMG ONLOAD 事件加载程序
- js硬绑定img的onload事件的思路
- HTML img标签之onAbort、onError、onLoad事件与问题
- HTML img标签之onAbort、onError、onLoad事件与问题
- HTML img标签之onAbort、onError、onLoad事件与问题
- HTML img标签之 onError onLoad onAbort 事件
- img.onload事件和img.complete属性的简介和应用
- onload事件
- onload事件
- onload事件
- 在img里的onload事件 使图片按比例缩放 及其注意事项
- 关于img的onload事件兼容ie下的bug问题
- js图片缓存即img的onload事件与complete属性之间关系
- img.onload知识点归纳总结
- img.onload 实现图片预加载方法
- ora-25153临时表空间是空的问题
- ICTCLAS2015 linux编译不通过解决办法(expected constructor, destructor or type conversion before '(' token)
- [LCA Problem] hdu2586 How far away ?
- android AlertBuilder创建的dialog,使用自定义样式
- iOS图片缓存库基准对比
- img onload事件
- 关于java.ext.dirs
- HTTP学习(网上总结)
- 进军sopc——第一天遇到的bug以及解决方法
- 编写自己的classloader加载加密过的class
- sublime text2 格式化html文档插件Tag及使用
- You requested 'iPhone 6 (9D9EC7F6-20A3-4884-B0EC-551ABE9CE0B0) (8.1 Simulator)', but the available d
- 利用GCC的预处理器分析包含指令之间的依赖关系
- android 自定义窗口大小在java中设定