                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS插件开发之LightBox图片画廊(上)

下载过来的图片高度和长度都为：0；

您好，为什么我写的代码attr("src",sourceSrc)中的src传不过来，以致图片的高度和长度都为：0；

能帮忙解释下吗，谢谢！

yuyuda

2015-07-21

源自：JS插件开发之LightBox图片画廊(上) 3-6

关注问题我要回答

1413

操作

收起

3 回答

一只帅蚂蚁
2015-07-21

这种情况下，一般回事图片还没有加载完成就获取尺寸，还有就是图片是否已经在DOM结构里面，如果单纯创建Image对象，没有插入到页面，通常会出现这种情况，注意~~

0 回复有任何疑惑可以回复我~

收起回答

yuyuda 提问者

非常感谢！

2015-07-21 回复有任何疑惑可以回复我~

天真De孩子

很多时候在写页面的时候需要计算图片的高度。但计算出来的都0。也就是 jq 的计算的时候图片其实还没有加载完成是吧！但是平时也没有像这样写一整套代码有时候只判断一下图片高度然后做出一些效果。这种情况怎么弄呢

2015-08-16 回复有任何疑惑可以回复我~

一只帅蚂蚁
2015-07-21

贴出代码看下

0 回复有任何疑惑可以回复我~

收起回答

yuyuda 提问者
2015-07-21

loadPicSize:function(sourceSrc){
            var self=this;
            this.preLoadImg(sourceSrc,function(){
                self.popupPic.attr("src",sourceSrc);
                var picWidth=self.popupPic.width(),
                    picHeight=self.popupPic.height();
                self.changePic(picWidth,picHeight);
            });
        },
preLoadImg:function(src,callback){
            var img=new Image();
            if(!!window.ActiveXObject){
                img.onreadystatechange=function(){
                    if (this.readyState=="complete") {
                        callback();
                    };
                };
            }else {
                img.onload=function(){
                    callback();
                };
            };
            img.src=src;
        },

0 回复有任何疑惑可以回复我~

收起回答