js的image()循环创建,src始终为最近创建的那个解决办法(给image.onload传参)

来源:互联网 发布:seo零基础 编辑:程序博客网 时间:2024/06/05 08:39


错误实例,img的src始终为最新创建imgObj的src有问题:

    for(var i = 0; i < length; i++){      var imgObj=new Image();      imgObj.src="动态获取图片的url";      imgObj.onload=function(){      var html +='<img src="'+imgObj.src+'"></li>';            $("#position").append(html);      }    }

就寻思onload是否可以传参,这问题不就解决了嘛……赶紧改造:

initIma function(){        for(var i = 0; i < length; i++){      var imgObj=new Image();      imgObj.src="动态获取图片的url";      imgObj.onload=loadImage(imgObj.src);    }}var loadImage = function(imgSrc){var html +='<img src="'+imgSrc+'"></li>';    $("#position").append(html);}




感谢思路